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

src/components/game/crafting/EnchantmentDesigner/SavedDesigns.tsx

@@ -6,6 +6,7 @@ import { ActionButton } from '@/components/ui/action-button';
 import { Trash2 } from 'lucide-react';
 import { EQUIPMENT_TYPES } from '@/lib/game/data/equipment';
 import type { SavedDesignsProps } from './types';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 export function SavedDesigns({
   enchantmentDesigns,
@@ -14,6 +15,7 @@ export function SavedDesigns({
   deleteDesign,
 }: SavedDesignsProps) {
   return (
+    <DebugName name="SavedDesigns">
     <GameCard variant="default" className="lg:col-span-2">
       <SectionHeader title={`Saved Designs (${enchantmentDesigns.length})`} />
       {enchantmentDesigns.length === 0 ? (
@@ -63,6 +65,7 @@ export function SavedDesigns({
         </div>
       )}
     </GameCard>
+    </DebugName>
   );
 }