fix: apply DebugName wrappers to tab components (BUG 7 partial) and other updates

src/components/game/tabs/CraftingTab.tsx

@@ -14,6 +14,7 @@ import {
   EquipmentCrafter,
 } from '@/components/game/crafting';
 import { useCombatStore, useCraftingStore } from '@/lib/game/stores';
+import { DebugName } from '@/lib/game/debug-context';
 import { useGameToast } from '@/components/game/GameToast';
 
 export function CraftingTab() {
@@ -52,6 +53,7 @@ export function CraftingTab() {
   };
 
   return (
+    <DebugName name="CraftingTab">
     <div className="space-y-4 max-w-full overflow-x-hidden">
       {/* Top Sub-Tabs: Fabricate / Enchant */}
       <GameCard variant="default" className="p-4">
@@ -252,6 +254,7 @@ export function CraftingTab() {
         </GameCard>
       )}
     </div>
+    </DebugName>
   );
 }