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

src/components/game/tabs/DisciplinesTab.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useCallback } from 'react';
+import React, { useState, useCallback } from 'react';
 import { useDisciplineStore } from '@/lib/game/stores/discipline-slice';
 import type { DisciplineDefinition } from '@/lib/game/types/disciplines';
 import type { ManaType } from '@/lib/game/types/elements';
@@ -201,14 +201,8 @@ export const DisciplinesTab: React.FC = () => {
   const activate = useDisciplineStore((s) => s.activate);
   const deactivate = useDisciplineStore((s) => s.deactivate);
 
-  const [mounted, setMounted] = useState(false);
   const [activeAttunement, setActiveAttunement] = useState<string>('base');
 
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setMounted(true);
-  }, []);
-
   const handleToggle = useCallback((id: string, paused: boolean) => {
     if (paused) {
       activate(id);
@@ -217,14 +211,6 @@ export const DisciplinesTab: React.FC = () => {
     }
   }, [activate, deactivate]);
 
-  if (!mounted) {
-    return (
-      <div className="flex items-center justify-center p-8 text-gray-500">
-        Loading disciplines…
-      </div>
-    );
-  }
-
   const activeTab = ATTUNEMENT_TABS.find((t) => t.key === activeAttunement);
 
   return (