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

src/components/game/debug/GameStateDebug.tsx

@@ -9,7 +9,7 @@ import { Label } from '@/components/ui/label';
 import {
   RotateCcw, AlertTriangle, Zap, Clock, Settings, Eye,
 } from 'lucide-react';
-import { useDebug } from '@/components/game/debug/debug-context';
+import { DebugName, useDebug } from '@/components/game/debug/debug-context';
 import { useGameStore, useManaStore, useUIStore, useCombatStore } from '@/lib/game/stores';
 import { computeMaxMana } from '@/lib/game/stores';
 
@@ -282,6 +282,7 @@ export function GameStateDebug() {
   };
 
   return (
+    <DebugName name="GameStateDebug">
     <div className="space-y-4">
       <WarningBanner />
       <DisplayOptions />
@@ -298,6 +299,7 @@ export function GameStateDebug() {
         />
       </div>
     </div>
+    </DebugName>
   );
 }