style: format all source files with Prettier

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/StorageClassesPage.tsx

@@ -14,13 +14,24 @@ import React, { useState } from 'react';
 import { formatAge, formatStorageType, RookCephStorageClass, storageClassType } from '../api/k8s';
 import { useRookCephContext } from '../api/RookCephDataContext';
 
-function StorageClassDetail({ sc, pvCount, onClose }: { sc: RookCephStorageClass; pvCount: number; onClose: () => void }) {
+function StorageClassDetail({
+  sc,
+  pvCount,
+  onClose,
+}: {
+  sc: RookCephStorageClass;
+  pvCount: number;
+  onClose: () => void;
+}) {
   const type = storageClassType(sc);
   return (
     <div
       style={{
         position: 'fixed',
-        top: 0, right: 0, bottom: 0, width: '480px',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        width: '480px',
         backgroundColor: 'var(--mui-palette-background-paper, #fff)',
         boxShadow: '-4px 0 16px rgba(0,0,0,0.15)',
         zIndex: 1300,
@@ -28,7 +39,14 @@ function StorageClassDetail({ sc, pvCount, onClose }: { sc: RookCephStorageClass
         padding: '24px',
       }}
     >
-      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '16px' }}>
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginBottom: '16px',
+        }}
+      >
         <strong>{sc.metadata.name}</strong>
         <button
           onClick={onClose}
@@ -46,7 +64,10 @@ function StorageClassDetail({ sc, pvCount, onClose }: { sc: RookCephStorageClass
             { name: 'Type', value: formatStorageType(type) },
             { name: 'Reclaim Policy', value: sc.reclaimPolicy ?? '—' },
             { name: 'Volume Binding Mode', value: sc.volumeBindingMode ?? '—' },
-            { name: 'Volume Expansion', value: sc.allowVolumeExpansion ? 'Allowed' : 'Not allowed' },
+            {
+              name: 'Volume Expansion',
+              value: sc.allowVolumeExpansion ? 'Allowed' : 'Not allowed',
+            },
             { name: 'Age', value: formatAge(sc.metadata.creationTimestamp) },
             { name: 'Bound PVs', value: String(pvCount) },
           ]}
@@ -81,14 +102,22 @@ export default function StorageClassesPage() {
 
       {error && (
         <SectionBox title="Error">
-          <NameValueTable rows={[{ name: 'Status', value: <StatusLabel status="error">{error}</StatusLabel> }]} />
+          <NameValueTable
+            rows={[{ name: 'Status', value: <StatusLabel status="error">{error}</StatusLabel> }]}
+          />
         </SectionBox>
       )}
 
       {storageClasses.length === 0 ? (
         <SectionBox title="No Storage Classes">
           <NameValueTable
-            rows={[{ name: 'Status', value: 'No Rook-Ceph StorageClasses found. Ensure CephBlockPool and CephFilesystem resources exist.' }]}
+            rows={[
+              {
+                name: 'Status',
+                value:
+                  'No Rook-Ceph StorageClasses found. Ensure CephBlockPool and CephFilesystem resources exist.',
+              },
+            ]}
           />
         </SectionBox>
       ) : (
@@ -100,7 +129,15 @@ export default function StorageClassesPage() {
                 getter: (sc: RookCephStorageClass) => (
                   <button
                     onClick={() => setSelected(sc)}
-                    style={{ border: 'none', background: 'transparent', color: 'var(--link-color, #1976d2)', cursor: 'pointer', textDecoration: 'underline', padding: 0, font: 'inherit' }}
+                    style={{
+                      border: 'none',
+                      background: 'transparent',
+                      color: 'var(--link-color, #1976d2)',
+                      cursor: 'pointer',
+                      textDecoration: 'underline',
+                      padding: 0,
+                      font: 'inherit',
+                    }}
                   >
                     {sc.metadata.name}
                   </button>
@@ -115,11 +152,24 @@ export default function StorageClassesPage() {
                 ),
               },
               { label: 'Provisioner', getter: (sc: RookCephStorageClass) => sc.provisioner },
-              { label: 'Pool', getter: (sc: RookCephStorageClass) => sc.parameters?.['pool'] ?? '—' },
+              {
+                label: 'Pool',
+                getter: (sc: RookCephStorageClass) => sc.parameters?.['pool'] ?? '—',
+              },
               { label: 'Reclaim', getter: (sc: RookCephStorageClass) => sc.reclaimPolicy ?? '—' },
-              { label: 'Expansion', getter: (sc: RookCephStorageClass) => sc.allowVolumeExpansion ? 'Yes' : 'No' },
-              { label: 'PVs', getter: (sc: RookCephStorageClass) => String(pvCountByClass.get(sc.metadata.name) ?? 0) },
-              { label: 'Age', getter: (sc: RookCephStorageClass) => formatAge(sc.metadata.creationTimestamp) },
+              {
+                label: 'Expansion',
+                getter: (sc: RookCephStorageClass) => (sc.allowVolumeExpansion ? 'Yes' : 'No'),
+              },
+              {
+                label: 'PVs',
+                getter: (sc: RookCephStorageClass) =>
+                  String(pvCountByClass.get(sc.metadata.name) ?? 0),
+              },
+              {
+                label: 'Age',
+                getter: (sc: RookCephStorageClass) => formatAge(sc.metadata.creationTimestamp),
+              },
             ]}
             data={storageClasses}
           />
@@ -129,7 +179,12 @@ export default function StorageClassesPage() {
       {selected && (
         <>
           <div
-            style={{ position: 'fixed', inset: 0, backgroundColor: 'rgba(0,0,0,0.3)', zIndex: 1299 }}
+            style={{
+              position: 'fixed',
+              inset: 0,
+              backgroundColor: 'rgba(0,0,0,0.3)',
+              zIndex: 1299,
+            }}
             onClick={() => setSelected(null)}
           />
           <StorageClassDetail