(Update) Update projet + todo

app/components/Navbar.tsx

@@ -3,7 +3,6 @@
 import Link from "next/link";
 import Image from "next/image";
 import { useEffect, useState } from "react";
-import { usePathname } from "next/navigation";
 import { AnimatePresence, motion } from "framer-motion";
 
 const links = [
@@ -16,7 +15,6 @@ const links = [
 export function Navbar() {
   const [scrolled, setScrolled] = useState(false);
   const [open, setOpen] = useState(false);
-  const pathname = usePathname();
 
   useEffect(() => {
     const onScroll = () => setScrolled(window.scrollY > 20);
@@ -25,10 +23,6 @@ export function Navbar() {
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
 
-  useEffect(() => {
-    setOpen(false);
-  }, [pathname]);
-
   useEffect(() => {
     if (open) {
       const prev = document.body.style.overflow;
@@ -130,6 +124,7 @@ export function Navbar() {
                 >
                   <Link
                     href={link.href}
+                    onClick={() => setOpen(false)}
                     className="block py-3 font-display text-2xl tracking-wider text-foreground hover:text-accent transition-colors"
                   >
                     {link.label.toUpperCase()}