move footer call in App instead of calling it in every page

apps/frontend/src/App.jsx

@@ -3,15 +3,19 @@ import { Routes, Route } from 'react-router-dom';
 import HomePage from './pages/Home/HomePage.jsx';
 import ProjectsPage from './pages/Projects/ProjectsPage.jsx';
 import ProjectDetailsPage from "./pages/ProjectDetails/ProjectDetailsPage.jsx";
+import Footer from "./components/Footer/Footer.jsx";
 
 
 function App() {
     return (
+        <>
             <Routes>
                 <Route path="/" element={<HomePage />} />
                 <Route path="/projects" element={<ProjectsPage />} />
                 <Route path="/projectDetails/:id" element={<ProjectDetailsPage />} />
             </Routes>
+            <Footer/>
+        </>
     )
 }
 

apps/frontend/src/pages/Home/HomePage.jsx

@@ -27,7 +27,6 @@ function HomePage() {
             <Experiences/>
             <Projects/>
             <Skills/>
-            <Footer/>
         </div>
     );
 }

apps/frontend/src/pages/ProjectDetails/ProjectDetailsPage.jsx

@@ -33,7 +33,6 @@ function ProjectDetailsPage() {
     return (
         <div>
             <ProjectDetails project={project}/>
-            <Footer/>
         </div>
     );
 }

apps/frontend/src/pages/Projects/ProjectsPage.jsx

@@ -5,7 +5,6 @@ function ProjectsPage() {
     return (
         <div>
             <Projects/>
-            <Footer/>
         </div>
     );
 }