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

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

@@ -4,7 +4,6 @@ import Home from './components/Home/Home.jsx';
 import Experiences from './components/Experiences/Experiences.jsx';
 import Projects from '../../components/Projects/Projects.jsx';
 import Skills from './components/Skills/Skills.jsx';
-import Footer from '../../components/Footer/Footer.jsx';
 
 function HomePage() {
     const location = useLocation();

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

@@ -1,7 +1,6 @@
 import { useParams } from "react-router-dom";
 import React, { useEffect, useState } from "react";
 import ProjectDetails from "./components/ProjectDetails/ProjectDetails.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
 
 function ProjectDetailsPage() {
     const { id } = useParams();

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

@@ -1,5 +1,4 @@
 import Projects from "../../components/Projects/Projects.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
 
 function ProjectsPage() {
     return (