Update API for signin and signup, modify navbar to display login status

- Changed the API for sign-in and sign-out functionalities
- Edited the navbar to show login status

Author: ZD292

authentication-service/.env.dev

@@ -0,0 +1,3 @@
+MONGODB_URI=mongodb+srv://cs3219g11:[email protected]/?retryWrites=true&w=majority&appName=Cluster0
+JWT_SECRET_KEY="01zWaHku91RQPaP0s68s7Xd1J1hGOn+hhR0H0FKzyPw="
+PORT=4040

peerprep-fe/package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-select": "^2.1.1",

peerprep-fe/pnpm-lock.yaml

@@ -1,10 +1,17 @@
+'use client';
 import LoggedIn from './components/LoggedIn';
 import LandingPage from './components/LandingPage';
+import { useAuth } from '@/hooks/useAuth';
 
 // TODO: Replace with actual authentication logic
 // change this to false to see landing page
 const isLoggedIn = true;
 
 export default function Home() {
-  return isLoggedIn ? <LoggedIn /> : <LandingPage />;
+  const { isAuthenticated, logout } = useAuth();
+  if (!isAuthenticated) {
+    return <LandingPage />;
+  } else {
+    return <LoggedIn />;
+  }
 }