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

src/components/game/crafting/EnchantmentPreparer.tsx

@@ -14,6 +14,7 @@ import type { EquipmentSlot } from '@/lib/game/types';
 import { fmt } from '@/lib/game/stores';
 import { useCraftingStore, useManaStore } from '@/lib/game/stores';
 import { useGameToast } from '@/components/game/GameToast';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 export interface EnchantmentPreparerProps {
   selectedEquipmentInstance: string | null;
@@ -72,6 +73,7 @@ export function EnchantmentPreparer({
   };
 
   return (
+    <DebugName name="EnchantmentPreparer">
     <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
       {/* Equipment Selection */}
       <GameCard variant="default">
@@ -296,6 +298,7 @@ export function EnchantmentPreparer({
         )}
       </GameCard>
     </div>
+    </DebugName>
   );
 }