Fix routing to dashboard after authentication

Author: jamz903

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

@@ -4,9 +4,12 @@ import { Card, CardContent } from "@/components/ui/card";
 import GoogleIcon from "@/app/home/components/icon/GoogleIcon";
 import { useAuth } from "@/components/auth/AuthContext";
 import { useGoogleLogin } from "@react-oauth/google";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
 
 const LandingPage = () => {
-    const { login } = useAuth();
+    const { login, token } = useAuth();
+    const router = useRouter();
 
     const googleLogin = useGoogleLogin({
         onSuccess: (response) => login(response),
@@ -15,6 +18,20 @@ const LandingPage = () => {
         },
     });
 
+    useEffect(() => {
+        if (token) {
+            router.push("/");
+        }
+    }, [token, router]);
+
+    const handleLogin = () => {
+        if (token) {
+            router.push("/");
+        } else {
+            googleLogin();
+        }
+    }
+
     return (
         <div className="flex items-center justify-center min-h-[90vh]">
             <div className="flex items-center justify-between max-w-7xl w-full">
@@ -26,7 +43,7 @@ const LandingPage = () => {
                         Join PeerPrep to sharpen your skills through real-time problem-solving, and prepare to outshine in every interview.
                         Created for CS3219 Software Engineering Principles AY24/25 by Group 15.
                     </p>
-                    <Button className="mt-6 font-semibold w-full" onClick={() => googleLogin()}>
+                    <Button className="mt-6 font-semibold w-full" onClick={() => handleLogin()}>
                         <GoogleIcon/>
                         <span className="pl-2">Get Started with Google</span>
                     </Button>

frontend/src/app/home/page.tsx

@@ -1,11 +1,15 @@
 "use client";
 
-import Homepage from "@/app/home/unauthenticated-homepage/homepage";
+import Navbar from "@/app/home/components/navbar/Navbar";
+import LandingPage from "@/app/home/components/landing-page/LandingPage";
 
 const Home = () => {
-  return (
-    <Homepage />
-  );
+    return (
+        <>
+        <Navbar />
+        <LandingPage />
+        </>
+    );
 };
 
 export default Home;