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

src/components/game/crafting/EquipmentCrafter.tsx

@@ -12,6 +12,7 @@ import { LOOT_DROPS, LOOT_RARITY_COLORS } from '@/lib/game/data/loot-drops';
 import type { LootInventory } from '@/lib/game/types';
 import { fmt } from '@/lib/game/stores';
 import { useCraftingStore, useCombatStore, useManaStore } from '@/lib/game/stores';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 // ─── Crafting Progress ───────────────────────────────────────────────────────
 
@@ -222,6 +223,7 @@ export function EquipmentCrafter() {
   const currentAction = useCombatStore((s) => s.currentAction);
 
   return (
+    <DebugName name="EquipmentCrafter">
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
       <Card className="bg-gray-900/80 border-gray-700">
         <CardHeader className="pb-2">
@@ -241,6 +243,7 @@ export function EquipmentCrafter() {
 
       <MaterialsInventory materials={lootInventory.materials} deleteMaterial={deleteMaterial} />
     </div>
+    </DebugName>
   );
 }