Reduce data refresh frequency and clean up code formatting

src/components/Board/GameBoard.tsx

@@ -198,7 +198,7 @@ export const GameBoard: React.FC<Props> = ({
                   <MoveClassificationIcon
                     classification={badge.classification}
                     size="small"
-                    className="!ml-0 !h-3.5 !w-3.5 !text-[9px] pointer-events-none"
+                    className="pointer-events-none !ml-0 !h-3.5 !w-3.5 !text-[9px]"
                   />
                 </div>
               </div>

src/components/Common/PlaySetupModal.tsx

@@ -58,9 +58,7 @@ function OptionSelect<T>({
           <button
             key={index}
             className={`flex-1 px-4 py-2 text-sm font-medium transition-colors ${
-              option === selected
-                ? selectedClassName
-                : unselectedClassName
+              option === selected ? selectedClassName : unselectedClassName
             } ${index === 0 ? 'rounded-l-lg' : ''} ${
               index === options.length - 1 ? 'rounded-r-lg' : ''
             }`}

src/components/Home/HomeHero.tsx

@@ -133,8 +133,8 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
     // Fetch immediately
     fetchGlobalStats()
 
-    // Update every 20 seconds
-    const interval = setInterval(fetchGlobalStats, 20000)
+    // Update every 5 minutes
+    const interval = setInterval(fetchGlobalStats, 5 * 60 * 1000)
 
     return () => clearInterval(interval)
   }, [])
@@ -149,8 +149,8 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
     // Fetch immediately
     fetchActiveUsers()
 
-    // Update every 20 seconds
-    const interval = setInterval(fetchActiveUsers, 20000)
+    // Update every 5 minutes
+    const interval = setInterval(fetchActiveUsers, 5 * 60 * 1000)
 
     return () => clearInterval(interval)
   }, [])

src/hooks/useAnalysisController/useAnalysisController.ts

@@ -223,11 +223,7 @@ export const useAnalysisController = (
       square: topHumanMove.slice(2, 4),
       classification,
     }
-  }, [
-    controller.currentNode,
-    moveEvaluation,
-    currentMaiaModel,
-  ])
+  }, [controller.currentNode, moveEvaluation, currentMaiaModel])
 
   return {
     gameTree: controller.tree,

src/pages/api/active-users.ts

@@ -8,7 +8,7 @@ type Data = {
 
 // In-memory cache
 let cachedUsers: { value: number; timestamp: number } | null = null
-const CACHE_DURATION = 60 * 1000 // 1 minute
+const CACHE_DURATION = 5 * 60 * 1000 // 5 minutes
 
 /**
  * API endpoint to get active user count from PostHog

src/pages/turing.tsx

@@ -333,10 +333,4 @@ const Turing: React.FC<Props> = (props: Props) => {
   )
 }
 
-export const getServerSideProps = async () => {
-  return {
-    props: {},
-  }
-}
-
 export default TuringPage