fix: split SpireTab.tsx to 395 lines, remove require() imports, import from data modules; complete store migration

src/components/game/crafting/EnchantmentPreparer.tsx

@@ -12,28 +12,27 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 import { Trash2, CheckCircle, AlertTriangle } from 'lucide-react';
 import { EQUIPMENT_TYPES } from '@/lib/game/data/equipment';
 import type { EquipmentInstance, AppliedEnchantment, LootInventory, EquipmentCraftingProgress, EquipmentSlot } from '@/lib/game/types';
-import { fmt, type GameStore } from '@/lib/game/store';
+import { fmt } from '@/lib/game/stores';
+import { useGameStore } from '@/lib/game/stores';
 import { useGameToast } from '@/components/game/GameToast';
 
 export interface EnchantmentPreparerProps {
-  store: GameStore;
   selectedEquipmentInstance: string | null;
   setSelectedEquipmentInstance: (id: string | null) => void;
 }
 
 export function EnchantmentPreparer({
-  store,
   selectedEquipmentInstance,
   setSelectedEquipmentInstance,
 }: EnchantmentPreparerProps) {
   const showToast = useGameToast();
-  const equippedInstances = store.equippedInstances;
-  const equipmentInstances = store.equipmentInstances;
-  const preparationProgress = store.preparationProgress;
-  const rawMana = store.rawMana;
-  const skills = store.skills;
-  const startPreparing = store.startPreparing;
-  const cancelPreparation = store.cancelPreparation;
+  const equippedInstances = useGameStore((s) => s.equippedInstances);
+  const equipmentInstances = useGameStore((s) => s.equipmentInstances);
+  const preparationProgress = useGameStore((s) => s.preparationProgress);
+  const rawMana = useGameStore((s) => s.rawMana);
+  const skills = useGameStore((s) => s.skills);
+  const startPreparing = useGameStore((s) => s.startPreparing);
+  const cancelPreparation = useGameStore((s) => s.cancelPreparation);
 
   // Get equipped items as array
   const equippedItems = Object.entries(equippedInstances)