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/components/game/tabs/PrestigeTab.tsx

@@ -15,6 +15,7 @@ import {
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
+import { ScrollArea } from '@/components/ui/scroll-area';
 import { fmt } from '@/lib/game/stores';
 
 export function PrestigeTab() {
@@ -51,7 +52,7 @@ export function PrestigeTab() {
             const effect = upgradeEffects ? upgradeEffects.specials.has(id) : false;
 
             return (
-              <Card key={id} className={effect ? "border-[var(--color-success)]/50 bg-[var(--color-success)]/10" : "bg-gray-900/80 border-gray-700">
+              <Card key={id} className={effect ? "border-[var(--color-success)]/50 bg-[var(--color-success)]/10" : "bg-gray-900/80 border-gray-700"}>
                 <CardHeader>
                   <CardTitle className="text-sm flex items-center gap-2">
                     <span>{def.name}</span>