move all components that are exclusive to one page

src/App.jsx

@@ -1,5 +1,5 @@
 import './App.css'
-import { Routes, Route, Link } from 'react-router-dom';
+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";

src/pages/Home/HomePage.jsx

@@ -1,5 +1,5 @@
-import {useEffect, useState} from 'react'; // 1. Import useEffect
+import {useEffect} from 'react';
-import { useLocation } from 'react-router-dom'; // 2. Import useLocation
+import { useLocation } from 'react-router-dom';
 import Home from './components/Home/Home.jsx';
 import Experiences from './components/Experiences/Experiences.jsx';
 import Projects from '../../components/Projects/Projects.jsx';

src/pages/ProjectDetails/ProjectDetailsPage.jsx

@@ -1,6 +1,5 @@
 import { useParams } from "react-router-dom";
 import React, { useEffect, useState } from "react";
-import NavBar from "../../components/NavBar/NavBar.jsx";
 import ProjectDetails from "./components/ProjectDetails/ProjectDetails.jsx";
 import Footer from "../../components/Footer/Footer.jsx";