feat: add DebugName wrappers to 56 components + redesign attunement cards + remove ScrollArea from AttunementsTab

src/app/page.tsx

@@ -21,6 +21,7 @@ import { useGameLoop } from '@/lib/game/stores/gameHooks';
 import { getUnifiedEffects } from '@/lib/game/effects';
 import { hasSpecial, SPECIAL_EFFECTS } from '@/lib/game/effects';
 import { TimeDisplay } from '@/components/game';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { TooltipProvider } from '@/components/ui/tooltip';
@@ -197,6 +198,7 @@ export default function ManaLoopGame() {
   }
 
   return (
+    <DebugName name="HomePage">
     <ErrorBoundary>
       <TooltipProvider>
         <div className="game-root min-h-screen flex flex-col">
@@ -235,5 +237,6 @@ export default function ManaLoopGame() {
         </div>
       </TooltipProvider>
     </ErrorBoundary>
+    </DebugName>
   );
 }