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

src/components/game/tabs/SpireCombatPage/RoomDisplay.tsx

@@ -71,7 +71,7 @@ function EnemyRow({ enemy }: { enemy: EnemyState }) {
   );
 }
 
-export function RoomDisplay({ floorState, _floor }: RoomDisplayProps) {
+export function RoomDisplay({ floorState }: RoomDisplayProps) {
   // Guard against null/undefined/stale floorState
   if (!floorState || !floorState.roomType) {
     return (

src/components/game/tabs/SpireCombatPage/SpireCombatPage.tsx

@@ -47,7 +47,6 @@ function useSpireStats(prestigeUpgrades: Record<string, number>, equippedInstanc
 // ─── Main Component ───────────────────────────────────────────────────────────
 
 export function SpireCombatPage() {
-  const [mounted, setMounted] = useState(false);
   const [roomsCleared, setRoomsCleared] = useState(0);
 
   const {
@@ -104,8 +103,6 @@ export function SpireCombatPage() {
   const totalRooms = useMemo(() => getRoomsForFloor(currentFloor), [currentFloor]);
 
   useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setMounted(true);
     setRoomsCleared(0);
     const newRoom = generateSpireFloorState(currentFloor, 0, totalRooms);
     setCurrentRoom(newRoom);
@@ -166,14 +163,6 @@ export function SpireCombatPage() {
     addActivityLog('floor_transition', '🚪 Exited the Spire.');
   };
 
-  if (!mounted) {
-    return (
-      <div className="flex items-center justify-center min-h-screen text-gray-500">
-        Loading spire...
-      </div>
-    );
-  }
-
   return (
     <div className="min-h-screen bg-gray-950 flex flex-col">
       <header className="sticky top-0 z-50 bg-gray-900/95 border-b border-gray-800 px-4 py-2">