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

src/components/game/tabs/LootTab.tsx

@@ -1,25 +1,25 @@
 'use client';
 
-import type { GameStore } from '@/lib/game/store';
+import { useGameStore } from '@/lib/game/stores';
 import { LootInventoryDisplay } from '@/components/game/LootInventory';
 
-export interface LootTabProps {
-  store: GameStore;
-}
+export function LootTab() {
+  const lootInventory = useGameStore((s) => s.lootInventory);
+  const elements = useGameStore((s) => s.elements);
+  const equipmentInstances = useGameStore((s) => s.equipmentInstances);
+  const deleteMaterial = useGameStore((s) => s.deleteMaterial);
+  const deleteEquipmentInstance = useGameStore((s) => s.deleteEquipmentInstance);
 
-export function LootTab({ store }: LootTabProps) {
-  const inventory = store.lootInventory;
-  const elements = store.elements;
-  const equipmentInstances = store.equipmentInstances;
-  
   return (
-    <LootInventoryDisplay
-      inventory={inventory}
-      elements={elements}
-      equipmentInstances={equipmentInstances}
-      onDeleteMaterial={store.deleteMaterial}
-      onDeleteEquipment={store.deleteEquipmentInstance}
-    />
+    <div className="space-y-4">
+      <LootInventoryDisplay
+        inventory={lootInventory}
+        elements={elements}
+        equipmentInstances={equipmentInstances}
+        onDeleteMaterial={deleteMaterial}
+        onDeleteEquipment={deleteEquipmentInstance}
+      />
+    </div>
   );
 }