NotFound Page imported correctly

web/src/App.jsx

@@ -1,11 +1,10 @@
 // eslint-disable-next-line no-unused-vars
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import { Home, Contributors, Guide, ProjectList } from './pages';
+import { Home, Contributors, Guide, ProjectList, NotFound } from './pages';
 import MasterLayout from './layouts';
 import { IssueList } from './pages/Issues/IssuesPage/IssueList';
 import ScrollTop from './components/ScrollTop';
-import NotFound from './pages/NotFound/NotFound';
 function App() {
   return (
     <BrowserRouter>

web/src/pages/NotFound/NotFound.jsx

@@ -1,4 +1,4 @@
-export default function NotFound() {
+const NotFound = () => {
   return (
     <div className="w-full h-[90vh] bg-gradient-to-b from-[#343E4E] to-[#010102] flex flex-col justify-center items-center font-OpenSans  text-white  gap-4 md:gap-32">
       <div className="main-content flex flex-col items-center md:flex-row w-full justify-center gap-10 md:gap-20">
@@ -52,4 +52,5 @@ export default function NotFound() {
       </div>
     </div>
   );
-}
+};
+export default NotFound;

web/src/pages/index.js

@@ -1,6 +1,7 @@
 /** use this file to export whatever is needed outside the pages folder */
 
-export { default as Home } from "./Home/Home";
-export { default as Contributors } from "./Contributors/Contributors";
-export { default as Guide } from "./Docs/Guide";
-export { default as ProjectList } from "./Issues/ProjectList";
+export { default as Home } from './Home/Home';
+export { default as Contributors } from './Contributors/Contributors';
+export { default as Guide } from './Docs/Guide';
+export { default as ProjectList } from './Issues/ProjectList';
+export { default as NotFound } from './NotFound/NotFound';