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

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

@@ -3,6 +3,7 @@
 import { ActionButton } from '@/components/ui/action-button';
 import { StatRow } from '@/components/ui/stat-row';
 import type { DesignFormProps } from './types';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 export function DesignForm({
   designName,
@@ -15,6 +16,7 @@ export function DesignForm({
   handleCreateDesign,
 }: DesignFormProps) {
   return (
+    <DebugName name="DesignForm">
     <div className="space-y-2">
       <input
         type="text"
@@ -45,6 +47,7 @@ export function DesignForm({
         {isOverCapacity ? 'Over Capacity!' : `Start Design (${designTime.toFixed(1)}h)`}
       </ActionButton>
     </div>
+    </DebugName>
   );
 }