PEER-230: Add profile button

Author: cyiting

frontend/src/components/blocks/login-form.tsx

@@ -14,7 +14,7 @@ export const LoginForm = observer(() => {
   }, []);
 
   return (
-    <Card className='bg-primary-foreground mx-auto flex min-h-[650px] min-w-[400px] max-w-sm flex-col justify-center'>
+    <Card className='bg-primary-foreground mx-auto flex h-[650px] max-h-[90%] min-w-[400px] max-w-sm flex-col justify-center'>
       <div>
         <CardHeader className='flex items-center pb-10'>
           <CardTitle className='text-3xl'>Welcome Back To</CardTitle>

frontend/src/components/blocks/nav-bar.tsx

@@ -1,4 +1,4 @@
-import { SunIcon, MoonIcon } from '@radix-ui/react-icons';
+import { SunIcon, MoonIcon, PersonIcon } from '@radix-ui/react-icons';
 import { observer } from 'mobx-react';
 
 import { Tabs, TabsList, TabsTrigger } from '../ui/tabs';
@@ -52,6 +52,11 @@ const NavBar = observer(() => {
               <a href={ROUTES.LOGIN}>Log In</a>
             </Button>
           )}
+          {!isSignUp && !isLogin && (
+            <Button variant='outline' size='icon' className='overflow-hidden rounded-full'>
+              <PersonIcon />
+            </Button>
+          )}
         </div>
       </nav>
     </header>

frontend/src/components/blocks/private-route.tsx

@@ -7,6 +7,6 @@ interface PrivateRouteProps {
 
 export function PrivateRoute({ children }: PrivateRouteProps) {
   //const isAuthenticated = checkUserAuthentication();
-  const isAuthenticated = false;
+  const isAuthenticated = true;
   return isAuthenticated ? children : <Navigate to='/login' />;
 }