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

src/components/game/tabs/CraftingTab/FabricatorSubTab.tsx

@@ -19,6 +19,7 @@ import { MANA_TYPE_LABELS } from '@/lib/game/data/fabricator-recipe-types';
 import { LOOT_DROPS, LOOT_RARITY_COLORS } from '@/lib/game/data/loot-drops';
 import { useCraftingStore, useManaStore } from '@/lib/game/stores';
 import type { FabricatorRecipe } from '@/lib/game/data/fabricator-recipes';
+import { DebugName } from '@/components/game/debug/debug-context';
 
 const BRANCH_RECIPE_IDS = new Set([
   'oakStaff', 'arcanistStaff', 'battlestaff', 'arcanistCirclet', 'arcanistRobe',
@@ -171,6 +172,7 @@ export function FabricatorSubTab() {
   };
 
   return (
+    <DebugName name="FabricatorSubTab">
     <div className="space-y-4">
       {/* Section toggle: Equipment vs Materials */}
       <div className="flex gap-2">
@@ -375,6 +377,7 @@ export function FabricatorSubTab() {
         </Card>
       </div>
     </div>
+    </DebugName>
   );
 }