Fix conditional rendering bug

Author: jamz903

frontend/src/app/(auth)/leetcode-dashboard/page.tsx

@@ -1,15 +1,26 @@
 "use client";
 
 import { useAuth } from "@/components/auth/AuthContext";
+import { useState, useEffect } from "react";
 import LandingPage from "@/app/(home)/components/landing-page/LandingPage";
 import LeetcodeDashboard from "./LeetcodeDashboard";
 
 const Home = () => {
   const { token } = useAuth();
+  const [loading, setLoading] = useState(true);
 
-  return (
-    token ? <LeetcodeDashboard/> : <LandingPage/>
-  );
+  // Simulate token fetching or resolving logic
+  useEffect(() => {
+    if (token !== undefined) {
+      setLoading(false);
+    }
+  }, [token]);
+
+  if (loading) {
+    return null;
+  }
+
+  return token ? <LeetcodeDashboard /> : <LandingPage />;
 };
 
-export default Home;
+export default Home;

frontend/src/app/(home)/components/landing-page/LandingPage.tsx

@@ -13,7 +13,7 @@ const LandingPage = () => {
     const googleLogin = useGoogleLogin({
         onSuccess: (response) => {
             login(response);
-            //router.push("/leetcode-dashboard"); // Redirect to dashboard after successful login
+            router.push("/leetcode-dashboard"); // Redirect to dashboard after successful login
         },
         onError: (error) => {
             console.error("Login Failed:", error);