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

src/components/game/crafting/EnchantmentDesigner.tsx

@@ -20,6 +20,7 @@ import {
   removeEffectFromDesign,
 } from './EnchantmentDesigner/utils';
 import { useCraftingStore } from '@/lib/game/stores';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 export function EnchantmentDesigner({
   selectedEquipmentType,
@@ -88,6 +89,7 @@ export function EnchantmentDesigner({
 
   // Render stage
   return (
+    <DebugName name="EnchantmentDesigner">
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
       {/* Equipment Type Selection */}
       <EquipmentTypeSelector
@@ -141,6 +143,7 @@ export function EnchantmentDesigner({
         deleteDesign={deleteDesign}
       />
     </div>
+    </DebugName>
   );
 }