Fix LeftPanel.tsx to use modular stores instead of legacy useGameStore

- Added useCraftingStore import for crafting progress fields
- Changed spireMode/enterSpireMode to useCombatStore
- Changed currentStudyTarget to useSkillStore
- Changed crafting progress fields to useCraftingStore
- Added useCraftingStore export to stores/index.ts
- Kept useGameStore only for gatherMana, day, hour

src/lib/game/stores/combatStore.ts

@@ -20,6 +20,9 @@ export interface CombatState {
   currentAction: GameAction;
   castProgress: number;
   
+  // Spire mode
+  spireMode: boolean;
+  
   // Spells
   spells: Record<string, SpellState>;
   
@@ -37,6 +40,9 @@ export interface CombatState {
   learnSpell: (spellId: string) => void;
   setSpellState: (spellId: string, state: Partial<SpellState>) => void;
   
+  // Spire mode
+  enterSpireMode: () => void;
+  
   // Combat tick
   processCombatTick: (
     skills: Record<string, number>,
@@ -62,6 +68,7 @@ export const useCombatStore = create<CombatState>()(
       activeSpell: 'manaBolt',
       currentAction: 'meditate',
       castProgress: 0,
+      spireMode: false,
       spells: {
         manaBolt: { learned: true, level: 1, studyProgress: 0 },
       },
@@ -112,6 +119,10 @@ export const useCombatStore = create<CombatState>()(
         set({ castProgress: progress });
       },
       
+      enterSpireMode: () => {
+        set({ spireMode: true });
+      },
+      
       learnSpell: (spellId: string) => {
         set((state) => ({
           spells: {