Added header

frontend/src/App.jsx

@@ -12,7 +12,7 @@ function App() {
 
   const showPopup = (message) => {
     setPopupMessage(message);
-    setTimeout(() => setPopupMessage(''), 3000); // Popup disappears after 3 seconds
+    setTimeout(() => setPopupMessage(''), 3000);
   };
 
   return (

frontend/src/components/header.jsx

@@ -9,12 +9,13 @@ const Header = ({ isLoggedIn }) => {
           <li style={styles.navItem}>
             <Link to="/" style={styles.navLink}>Home</Link>
           </li>
-          <li style={styles.navItem}>
-            <Link to="/login" style={styles.navLink}>Login</Link>
-          </li>
-          <li style={styles.navItem}>
-            <Link to="/register" style={styles.navLink}>Register</Link>
-          </li>
+          {!isLoggedIn && (
+          <><li style={styles.navItem}>
+              <Link to="/login" style={styles.navLink}>Login</Link>
+            </li><li style={styles.navItem}>
+                <Link to="/register" style={styles.navLink}>Register</Link>
+              </li></>
+          )}
           {isLoggedIn && (
             <li style={styles.navItem}>
               <Link to="/profile" style={styles.navLink}>Profile</Link>

frontend/src/pages/home.jsx

@@ -20,7 +20,6 @@ function Home({ isLoggedIn, setIsLoggedIn }) {
                 <div className="button-group">
                     <button className="btn" onClick={() => navigate('/start-game')}>Start Game</button>
                     <button className="btn" onClick={() => navigate('/join-game')}>Join Game</button>
-                    <button className="btn" onClick={() => navigate('/continue-game')}>Continue Game</button>
                     <button className="btn" onClick={handleLogout}>Logout</button>
                 </div>
             )}