fix: update all file,because linting error

project/.eslintrc.cjs

@@ -10,6 +10,7 @@ module.exports = {
   settings: { react: { version: '18.2' } },
   plugins: ['react-refresh'],
   rules: {
+    'react/prop-types': 'off',
     'react-refresh/only-export-components': 'warn',
   },
 }

project/src/App.jsx

@@ -1,7 +1,6 @@
 import Home from "./pages/Home";
 
 import { Route, Routes, BrowserRouter } from "react-router-dom";
-import NavigationBar from "./utils/NavigationBar";
 import Layout from "./utils/Layout";
 import { useEffect } from "react";
 import Aos from "aos";
@@ -40,17 +39,4 @@ const App = () => {
 		</>
 	);
 };
-export default App;
-
-//   <ChakraProvider>
-//     <NavigationBar />
-//     <CardContext.Provider value={card}>
-//       <Routes>
-//         <Route path="/portofolio/" element={<Home />} />
-//         <Route path="/portofolio/client" element={<Client />} />
-//         <Route path="/portofolio/portofolio" element={<Portofolio />} />
-//         <Route path="/portofolio/service" element={<Service />} />
-//       </Routes>
-//     </CardContext.Provider>
-//     <Footer />
-//   </ChakraProvider>
+export default App;

project/src/components/Achievement/AchievementImage.jsx

@@ -49,4 +49,8 @@ const AchievementImage = ({ src, title }) => {
 	);
 };
 
+AchievementImage.propTypes = {
+
+}
+
 export default AchievementImage;

project/src/components/Home/AboutSection.jsx

@@ -1,6 +1,3 @@
-import { TbClockBolt } from "react-icons/tb";
-import { BsArrowDown, BsListCheck } from "react-icons/bs";
-import { RiTeamFill } from "react-icons/ri";
 import "aos/dist/aos.css";
 import LayoutImageAndText from "../../utils/LayoutImageAndText";
 import schoolIlustration from "../../assets/school.png"

project/src/components/Home/BrandingSosmed.jsx

@@ -1,4 +1,3 @@
-import React from 'react'
 
 const BrandingSosmed = ({link, icon, animate}) => {
   return (

project/src/components/Testimonials/CardTestimonial.jsx

@@ -1,4 +1,4 @@
-const CardTestimonial = ({ user, imageUrl, inisial,alt,bgColor,ulasan }) => {
+const CardTestimonial = ({ user, inisial,bgColor,ulasan }) => {
 	return (
 		<div data-aos="zoom-in" className="tablet:w-96 w-full tablet:mx-0 mx-5 flex flex-col items-start shadow-xl rounded-lg pb-10 p-2  hover:bg-gray-300">
 			<div className="flex w-full text-left pb-3 gap-2 items-center justify-start">

project/src/utils/Footer.jsx

@@ -3,11 +3,9 @@ import {
 	BsInstagram,
 	BsLinkedin,
 	BsTiktok,
-	BsYoutube,
 } from "react-icons/bs";
-import { Link, NavLink } from "react-router-dom";
+import { Link } from "react-router-dom";
 import { BiCopyright } from "react-icons/bi";
-import { TbClockBolt } from 'react-icons/tb';
 
 const Footer = () => {
 	const goto = () => {

project/src/utils/LayoutImageAndText.jsx

@@ -1,4 +1,3 @@
-import { useEffect, useState } from "react";
 
 const LayoutImageAndText = ({
 	image = "https://placeholder.com/1600x900",

project/src/utils/NavigationBar.jsx

@@ -37,7 +37,8 @@ const NavigationBar = () => {
 		if (window.innerWidth >= 700) {
 			setHamburgerMenu(false);
 		}
-	});
+	}, [hamburgerMenu]);
+
 	return (
 		<nav
 			className={`w-full flex items-center flex-row shadow-4xl minilaptop:sticky relative`}