Redirect to login page if no access token

frontend/react-app/src/App.jsx

@@ -1,8 +1,10 @@
 import Header from "./components/Header";
 import Main from "./components/DynamicList";
 import SearchBar from "./components/SearchBar";
+import useRedirectToLogin from "./components/RedirectToLogin";
 
 function App() {
+  useRedirectToLogin();
   return (
     <div className="max-w-[800px] min-w-min bg-white mx-auto m-0">
       <Header></Header>

frontend/react-app/src/components/RedirectToLogin.jsx

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+const useRedirectToLogin = () => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const appToken = localStorage.getItem("appToken");
+    if (!appToken) {
+      navigate("/login");
+    }
+  }, [navigate]);
+};
+
+export default useRedirectToLogin;