web: Overrides few rules for PF/Table headers

To avoid cutting headers just because they content a space in their
content.

web/src/assets/styles/blocks.scss

@@ -471,16 +471,9 @@ ul[data-type="agama/list"][role="grid"] {
 
 table[data-type="agama/tree-table"] {
  th:first-child {
- block-size: fit-content;
  padding-inline-end: var(--spacer-normal);
  }
 
- th.fit-content {
- block-size: fit-content;
- overflow: visible;
- text-overflow: unset;
- }
-
  /**
  * Temporary PF/Table overrides for small devices
  **/

web/src/assets/styles/patternfly-overrides.scss

@@ -263,6 +263,11 @@ ul {
  border-block-end: 0;
 }
 
+.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > th {
+ white-space: normal;
+ vertical-align: middle;
+}
+
 @media screen and (width <= 768px) {
  .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
  padding-inline: 0;

web/src/components/storage/ProposalResultSection.jsx

@@ -186,7 +186,7 @@ const DevicesTreeTable = ({ devicesManager }) => {
  <TreeTable
  columns={[
  { title: _("Device"), content: renderDeviceName },
- { title: _("Mount Point"), content: renderMountPoint, classNames: "fit-content" },
+ { title: _("Mount Point"), content: renderMountPoint },
  { title: _("Details"), content: renderDetails, classNames: "details-column" },
  { title: _("Size"), content: renderSize, classNames: "sizes-column" }
  ]}