Fix rendering issues

src/app/landing/page.tsx

@@ -1,23 +1,10 @@
-"use client";
-
 import AuthGuard from "@/components/authGuard/authGuard";
 import Landing from "@/components/landing/landing";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 export default function LandingPage() {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        refetchOnWindowFocus: false, // default: true
-      },
-    },
-  });
-
   return (
-    <QueryClientProvider client={queryClient}>
-      <AuthGuard>
-        <Landing />
-      </AuthGuard>
-    </QueryClientProvider>
+    <AuthGuard>
+      <Landing />
+    </AuthGuard>
   );
 }

src/app/past/page.tsx

@@ -1,23 +1,10 @@
-"use client";
-
 import AuthGuard from "@/components/authGuard/authGuard";
 import Past from "@/components/past/past";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 export default function PastPage() {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        refetchOnWindowFocus: false, // default: true
-      },
-    },
-  });
-
   return (
-    <QueryClientProvider client={queryClient}>
-      <AuthGuard>
-        <Past />
-      </AuthGuard>
-    </QueryClientProvider>
+    <AuthGuard>
+      <Past />
+    </AuthGuard>
   );
 }

src/components/authGuard/authGuard.tsx

@@ -4,11 +4,20 @@ import { User } from "@/models/user";
 import ApiClient from "@/services/apiClient";
 import { useUserStore } from "@/stores/useUserStore";
 import { Constants } from "@/utils/constants";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import errorToast from "../system/errorToast";
 
 export default function AuthGuard({ children }: { children: React.ReactNode }) {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        refetchOnWindowFocus: false, // default: true
+      },
+    },
+  });
+
   const apiClient = ApiClient.createInstance();
 
   const { user, setUser } = useUserStore();
@@ -51,5 +60,5 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isLoading]);
 
-  return <>{children}</>;
+  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 }