Add authentication pages and routing;

src/routers/AppRouter.jsx

@@ -5,23 +5,33 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 // Components
 import Header from "../components/Header";
 import Footer from "../components/Footer";
+import ProtectedRoute from "../components/ProtectedRoute";
 // Pages
-import PageHome from "../pages/PageHome";
+import HomePage from "../pages/HomePage";
+import LoginPage from "../pages/LoginPage";
 import PageNotFound from "../pages/PageNotFound";
 
-function AppRouter() {
+const AppRouter = () => {
   return (
     <BrowserRouter>
       <div className="wrapper">
         <Header />
         <Routes>
-          <Route path="/" exact element={<PageHome />} />
+          <Route path="/login" element={<LoginPage />} />
+          <Route
+            path="/"
+            element={
+              <ProtectedRoute>
+                <HomePage />
+              </ProtectedRoute>
+            }
+          />
           <Route path="*" element={<PageNotFound />} />
         </Routes>
         <Footer />
       </div>
     </BrowserRouter>
   );
-}
+};
 
 export default AppRouter;