Add authentication pages and routing;

src/components/Header.jsx

@@ -1,11 +1,23 @@
-
+import { Link } from "react-router-dom";
 const Header = () => {
-  
-    return (
-        <header>
-            <h1><a href="#0">Header</a></h1>
-        </header>
-    );
-}
+  return (
+    <header>
+      <h1>
+        {" "}
+        <Link to="/">ISSP5</Link>{" "}
+      </h1>
+      <nav>
+        <ul>
+          <li>
+            <Link to="/">Home</Link>
+          </li>
+          <li>
+            <Link to="/login">Login</Link>
+          </li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
 
-export default Header;
+export default Header;

src/components/ProtectedRoute.jsx

@@ -0,0 +1,14 @@
+import { Navigate } from "react-router-dom";
+
+const ProtectedRoute = ({ children }) => {
+  const isLoggedIn = localStorage.getItem("isLoggedIn") === "true";
+
+  if (!isLoggedIn) {
+    // Redirect to login if not logged in
+    return <Navigate to="/login" replace />;
+  }
+
+  return children;
+};
+
+export default ProtectedRoute;