web: Overrides few rules for PF/Table headers (#1153)

## Problem

Sometimes table headers with an space in their content are cut and uses
the `text-overflow` value of CSS property, even when looking at it
_seems_ that there is enough space. Actually, there isn't because of
`margin`s `padding`s and so.

## Solution

To overrides the PF/Table styles for setting the `white-space` CSS
property from `nowrap` to `normal`.

Forcing a size per column it's not a solution because 

* it does not warrant that it's the right size for the same content in
different languages, and
* it is preferred to let the browser laying out the table according to
the available space (among others)

web/src/assets/styles/blocks.scss

@@ -449,16 +449,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" }
       ]}