refactor: cleanup codebase — remove hydration guards, extract constants, fix bugs

src/components/game/tabs/EquipmentTab.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback, useMemo } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { useCraftingStore } from '@/lib/game/stores/craftingStore';
 import type { EquipmentSlot } from '@/lib/game/types';
 import { DebugName } from '@/components/game/debug/debug-context';
@@ -9,19 +9,12 @@ import { InventoryList } from './EquipmentTab/InventoryList';
 import { EquipmentEffectsSummary } from './EquipmentTab/EquipmentEffectsSummary';
 
 export function EquipmentTab() {
-  const [mounted, setMounted] = useState(false);
-
   const equippedInstances = useCraftingStore((s) => s.equippedInstances);
   const equipmentInstances = useCraftingStore((s) => s.equipmentInstances);
   const storeEquipItem = useCraftingStore((s) => s.equipItem);
   const storeUnequipItem = useCraftingStore((s) => s.unequipItem);
   const storeDeleteEquipment = useCraftingStore((s) => s.deleteEquipmentInstance);
 
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setMounted(true);
-  }, []);
-
   const handleEquip = useCallback(
     (instanceId: string, slot: EquipmentSlot): boolean => {
       return storeEquipItem(instanceId, slot);
@@ -51,14 +44,6 @@ export function EquipmentTab() {
     [equipmentInstances, equippedInstances]
   );
 
-  if (!mounted) {
-    return (
-      <div className="flex items-center justify-center p-8 text-[var(--text-muted)]">
-        Loading equipment…
-      </div>
-    );
-  }
-
   return (
     <DebugName name="EquipmentTab">
       <div className="space-y-6">