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

src/components/game/tabs/SpellsTab.tsx

@@ -30,10 +30,13 @@ export function SpellsTab() {
   // Guard against undefined stores during initialization
   if (!equippedInstances || !equipmentInstances) {
     return (
+
+      <DebugName name="SpellsTab">
       <div className="p-4 text-center text-[var(--text-muted)]">
         Loading spell data...
       </div>
-    );
+    
+    </DebugName>);
   }
   
   for (const instanceId of Object.values(equippedInstances || {})) {
@@ -238,3 +241,4 @@ export function SpellsTab() {
 }
 
 SpellsTab.displayName = "SpellsTab";
+import { DebugName } from '@/lib/game/debug-context';