fix: changed navbar item

Author: Miran-Firdausi

src/App.jsx

@@ -3,21 +3,18 @@ import { ToastContainer } from "react-toastify";
 import routes from "@/routes/index";
 import Navbar from "@/components/Navbar/index";
 
-
-
 const navLinks = [
-  {name: "About Us", path: "/about-us"},
-  {name: "Our Team", path: "/teams"},
-  {name: "Gallery", path: "/gallery"},
-  {name: "Contact", path: "/contact"},
-  {name: "Projects", path: "/projects"}
- 
+  { name: "About Us", path: "/about-us" },
+  { name: "Our Team", path: "/teams" },
+  { name: "Gallery", path: "/gallery" },
+  { name: "Contact", path: "/contact" },
+  { name: "Projects", path: "/projects" },
 ];
 
 function App() {
   return (
     <Router>
-      <Navbar links={navLinks}/>
+      <Navbar links={navLinks} />
 
       <ToastContainer />
       <Routes>

src/components/Navbar/index.jsx

@@ -44,14 +44,14 @@ function Navbar({ links }) {
           >
             <Link to={link.path}>{link.name}</Link>
             <span
-              class={`block group-hover:max-w-full transition-all duration-500 h-0.5 bg-primary rounded ${
+              className={`block group-hover:max-w-full transition-all duration-500 h-0.5 bg-primary rounded ${
                 location.pathname
                   .toLowerCase()
                   .includes(link.path.toLowerCase())
                   ? "w-full"
                   : "max-w-0"
               }`}
-            ></span>
+            />
           </li>
         ))}
       </ul>

src/pages/PageNotFound/index.jsx

@@ -1,13 +1,13 @@
-import { Link } from "react-router-dom";
 import error404Image from "@/assets/images/error404.svg";
 
-function PageNotFound({ text, link }) {
+function PageNotFound() {
   return (
     <div className="w-full h-[calc(100vh-4.6rem)] flex items-center justify-center text-center">
       <div className="text-center">
         <img
           className="block m-auto xs:w-[90vw] sm:w-[70vw] md:w-[45vw]"
           src={error404Image}
+          alt="Error 404"
         />
         <p className="text-white xs:m-6 xs:text-lg lg:text-xl">
           The page you are looking for does not exist.

src/routes/index.jsx

@@ -2,6 +2,7 @@ import Home from "@/pages/Home/index";
 import Teams from "@/pages/Teams/index";
 import About from "@/pages/About/index";
 import Gallery from "@/pages/Gallery/Gallery";
+import PageNotFound from "../pages/PageNotFound";
 
 const routes = [
   {