storage: Use a custom property to control indentation in tables

So that levels 11 and above have the same indentation as level 10,
instead of having no indentation.

pkg/storaged/pages.jsx

@@ -609,7 +609,7 @@ export const PageTable = ({ emptyCaption, aria_label, pages, crossrefs, sorted,
         } else {
             const cols = [
                 <Td key="1" onClick={onClick}>
-                    <div className={"content-level-" + level}>
+                    <div className="indent" style={ { "--level": level } }>
                         <Truncate content={name} />
                         {info}
                     </div>

pkg/storaged/storage.scss

@@ -109,20 +109,11 @@ td.job-action {
 }
 
 // FIXME: This is visual only; it needs to be fixed for a11y reasons, likely at the JSX level
-div[class*="content-level-"] {
-  --multiplier: 0;
-  --offset: calc(var(--pf-v5-global--spacer--md) * var(--multiplier));
-
-  padding-inline-start: var(--offset);
+.indent {
+  padding-inline-start: calc(var(--pf-v5-global--spacer--md) * min(var(--level, 0), 10));
   white-space: nowrap;
 }
 
-@for $i from 1 through 10 {
-  div.content-level-#{$i} {
-    --multiplier: #{$i};
-  }
-}
-
 // FIXME: Is this used?
 a.disabled {
   color: var(--pf-v5-global--palette--light-blue-200);