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

src/components/game/tabs/EquipmentTab.tsx

@@ -23,6 +23,7 @@ import { EquipmentInventory } from './EquipmentInventory';
 import { EnchantmentsPanel } from './EnchantmentsPanel';
 import { useGameToast } from '@/components/game/GameToast';
 import { ConfirmDialog } from '@/components/game/ConfirmDialog';
+import { DebugName } from '@/lib/game/debug-context';
 import { equipItem, unequipItem, deleteEquipmentInstance } from '@/lib/game/crafting-actions';
 import { useCombatStore, useCraftingStore } from '@/lib/game/stores';
 
@@ -139,10 +140,12 @@ export function EquipmentTab() {
   // Guard against undefined during initialization - AFTER all hooks
   if (!equippedInstances || !equipmentInstances) {
     return (
+      <DebugName name="EquipmentTab">
       <div className="p-4 text-center text-[var(--text-muted)]">
         Loading equipment data...
       </div>
-    );
+    
+    </DebugName>);
   }
 
   // Equip an item to a slot
@@ -231,6 +234,7 @@ export function EquipmentTab() {
   const unifiedEffects = getUnifiedEffects({ equipmentInstances, equippedInstances });
 
   return (
+    <DebugName name="EquipmentTab">
     <div className="space-y-4 max-w-full overflow-x-hidden">
       {/* Equipment Slots */}
       <GameCard variant="default">
@@ -374,7 +378,8 @@ export function EquipmentTab() {
         onConfirm={confirmDelete}
       />
     </div>
-  );
+  
+</DebugName>);
 }
 
 EquipmentTab.displayName = 'EquipmentTab';