refactor: remove DomainHeader component and its usage

pages/StorageCleaner/DomainHeader.tsx

@@ -1,48 +0,0 @@
-import { Database } from 'lucide-react';
-import PageHeader from '@/components/PageHeader';
-import { formatSize } from '@/utils/storageCleaner';
-import { storageCleanerPageStyles } from '@/config/pageTheme';
-import { useLazyTranslation } from '@/utils/useLazyTranslation';
-
-interface DomainHeaderProps {
-  domain: string;
-  totalSize: number;
-}
-
-export default function DomainHeader({ domain, totalSize }: DomainHeaderProps) {
-  const { t } = useLazyTranslation('storageCleaner');
-  return (
-    <PageHeader
-      icon={<Database size={22} />}
-      iconColor={storageCleanerPageStyles.warningColor}
-      title={t('storageCleaner:pageTitle')}
-      subtitle={domain || t('storageCleaner:loading')}
-      badge={
-        totalSize > 0 ? (
-          <span className="inline-block px-2 py-0.5 rounded-md font-extrabold text-[0.7rem] bg-amber-50 text-amber-600 shadow-sm transition-all hover:bg-amber-100">
-            {t('storageCleaner:occupied', { size: formatSize(totalSize) })}
-          </span>
-        ) : null
-      }
-      iconSx={{
-        padding: '0.3rem',
-        borderRadius: '0.75rem',
-        boxShadow: '0 2px 8px rgba(245, 158, 11, 0.15)',
-        transition: 'all 0.2s',
-      }}
-      titleSx={{
-        fontSize: '1rem',
-      }}
-      subtitleSx={{
-        display: 'block',
-        maxWidth: 240,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        marginTop: '0.3rem',
-        fontSize: '0.75rem',
-      }}
-      sx={{ marginBottom: '0.75rem' }}
-    />
-  );
-}

pages/StorageCleaner/index.tsx

@@ -2,7 +2,6 @@ import { Button } from '@/components/ui/button';
 import { useSnackbar } from '@/components/GlobalSnackbar';
 import StorageCleanerConfirm from '@/pages/StorageCleaner/StorageCleanerConfirm';
 import { useStorageCleaner } from './useStorageCleaner';
-import DomainHeader from './DomainHeader';
 import StorageOptionsGrid from './StorageOptionsGrid';
 import AutoRefreshToggle from './AutoRefreshToggle';
 import ErrorDisplay from './ErrorDisplay';
@@ -13,7 +12,6 @@ export default function Index() {
   const { showMessage } = useSnackbar();
   const { t } = useLazyTranslation('storageCleaner');
   const {
-    domain,
     error,
     isInitializing,
     options,
@@ -23,7 +21,6 @@ export default function Index() {
     result,
     showConfirm,
     setShowConfirm,
-    totalSize,
     allSelected,
     someSelected,
     handleAutoRefreshChange,
@@ -49,8 +46,6 @@ export default function Index() {
   return (
     <div>
       <div className="p-2">
-        <DomainHeader domain={domain} totalSize={totalSize} />
-
         <StorageOptionsGrid
           options={options}
           sizes={sizes}