remove client side result cache to fix local storage size limitation

frontend/src/pages/LeaderboardPage/components/Leaderboard/hooks/useLeaderboardData.js

@@ -4,9 +4,6 @@ import { useSearchParams } from "react-router-dom";
 import { useLeaderboard } from "../context/LeaderboardContext";
 import { useDataProcessing } from "../components/Table/hooks/useDataProcessing";
 
-const CACHE_KEY = "leaderboardData";
-const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
-
 export const useLeaderboardData = () => {
   const queryClient = useQueryClient();
   const [searchParams] = useSearchParams();
@@ -15,44 +12,41 @@ export const useLeaderboardData = () => {
   const { data, isLoading, error } = useQuery({
     queryKey: ["leaderboard"],
     queryFn: async () => {
+      console.log("🔄 Starting API fetch attempt...");
       try {
-        const cachedData = localStorage.getItem(CACHE_KEY);
-        if (cachedData) {
-          const { data: cached, timestamp } = JSON.parse(cachedData);
-          const age = Date.now() - timestamp;
-          if (age < CACHE_DURATION) {
-            return cached;
-          }
-        }
-
+        console.log("🌐 Fetching from API...");
         const response = await fetch("/api/leaderboard/formatted");
+        console.log("📡 API Response status:", response.status);
+
         if (!response.ok) {
+          const errorText = await response.text();
+          console.error("🚨 API Error:", {
+            status: response.status,
+            statusText: response.statusText,
+            body: errorText,
+          });
           throw new Error(`HTTP error! status: ${response.status}`);
         }
 
         const newData = await response.json();
-        localStorage.setItem(
-          CACHE_KEY,
-          JSON.stringify({
-            data: newData,
-            timestamp: Date.now(),
-          })
-        );
-
+        console.log("📥 Received data size:", JSON.stringify(newData).length);
         return newData;
       } catch (error) {
-        console.error("Detailed error:", error);
+        console.error("🔥 Detailed error:", {
+          name: error.name,
+          message: error.message,
+          stack: error.stack,
+        });
         throw error;
       }
     },
-    staleTime: CACHE_DURATION,
-    cacheTime: CACHE_DURATION * 2,
     refetchOnWindowFocus: false,
     enabled: isInitialLoadRef.current || !!searchParams.toString(),
   });
 
   useMemo(() => {
     if (data && isInitialLoadRef.current) {
+      console.log("🎯 Initial load complete");
       isInitialLoadRef.current = false;
     }
   }, [data]);