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

src/components/game/tabs/StatsTab.tsx

@@ -10,6 +10,7 @@ import { StudyStatsSection } from './StatsTab/StudyStatsSection';
 import { ElementStatsSection } from './StatsTab/ElementStatsSection';
 import { LoopStatsSection } from './StatsTab/LoopStatsSection';
 import { DisciplineStatsSection } from './StatsTab/DisciplineStatsSection';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 export function StatsTab() {
   const prestigeUpgrades = usePrestigeStore((s) => s.prestigeUpgrades);
@@ -23,7 +24,8 @@ export function StatsTab() {
   const elemMax = 10 + (prestigeUpgrades.elementalAttune || 0) * 25;
 
   return (
-    <div className="space-y-4">
+    <DebugName name="StatsTab">
+      <div className="space-y-4">
       <ManaStatsSection
         stats={{
           ...manaStats,
@@ -51,7 +53,8 @@ export function StatsTab() {
         elemMax={elemMax}
       />
       <LoopStatsSection />
-    </div>
+      </div>
+    </DebugName>
   );
 }