fix: redirect user to login page if they are not logged in

client/components/Navbar.js

@@ -62,8 +62,7 @@ const Navbar = () => {
                     <div className='d-flex'>
                         <Link className='nav-link p-2 px-5 border-end border-2 border-secondary' href='/'>Home</Link>
                         <Link className='nav-link p-2 px-5 border-end border-2 border-secondary' href='/browsecomm'>Browse</Link>
-                        <Link className='nav-link p-2 px-5 border-end border-2 border-secondary' href='/create'>Create</Link>
-                    </div>
+                        {user && <Link className='nav-link p-2 px-5 border-end border-2 border-secondary' href='/create'>Create</Link>}                    </div>
                     <div className='d-flex justify-content-center align-items-center'>
                         {user && <div className='nav-link p-2 px-3' href='/login'>{user.username}</div>}
                         {user &&

client/pages/create.js

-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Formik, Field, Form } from 'formik';
 import Banner from '../components/Banner';
 import Navbar from '../components/Navbar';
@@ -33,6 +33,12 @@ export default function create() {
     router.push("/browsecomm")
   }
 
+  useEffect(() => {
+    const user = getUserFromToken();
+    if (!user)
+      router.push("/login");
+  }, []);
+
   return (
     <div className={styles.pageContainer}>
       <Banner title="Create Community" />