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

src/components/game/tabs/AttunementsTab.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { useAttunementStore } from '@/lib/game/stores';
 import { ATTUNEMENTS_DEF, ATTUNEMENT_SLOT_NAMES, getAttunementXPForLevel, MAX_ATTUNEMENT_LEVEL } from '@/lib/game/data/attunements';
 import type { AttunementDef, AttunementState } from '@/lib/game/types';
@@ -157,24 +157,10 @@ function AttunementCard({ def, state }: AttunementCardProps) {
 
 export function AttunementsTab() {
   const attunements = useAttunementStore((s) => s.attunements);
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setMounted(true);
-  }, []);
 
   const allDefs = Object.values(ATTUNEMENTS_DEF);
   const unlockedCount = allDefs.filter((d) => isAttunementUnlocked(d.id, attunements)).length;
 
-  if (!mounted) {
-    return (
-      <div className="flex items-center justify-center p-8 text-gray-500">
-        Loading attunements…
-      </div>
-    );
-  }
-
   return (
     <DebugName name="AttunementsTab">
       <div className="space-y-4">