feat: updated to the latest version

Author: marcinkrasowski

apps/frontend/src/components/Header/MobileNavigation/MobileNavigation.tsx

@@ -2,7 +2,7 @@
 
 import { Menu, X } from 'lucide-react';
 import { useLocale } from 'next-intl';
-import { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import { Models } from '@o2s/framework/modules';
 
@@ -15,7 +15,7 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@o2s
 import { Typography } from '@o2s/ui/components/typography';
 import { cn } from '@o2s/ui/lib/utils';
 
-import { Link as NextLink } from '@/i18n';
+import { Link as NextLink, usePathname } from '@/i18n';
 
 import { MobileNavigationProps } from './MobileNavigation.types';
 
@@ -29,10 +29,15 @@ export function MobileNavigation({
     title,
     mobileMenuLabel,
 }: MobileNavigationProps) {
+    const pathname = usePathname();
     const locale = useLocale();
 
     const [isMenuOpen, setIsMenuOpen] = useState(false);
 
+    useEffect(() => {
+        setIsMenuOpen(false);
+    }, [pathname]);
+
     const navigationItemClass = cn(
         navigationMenuTriggerStyle(),
         'no-underline hover:no-underline w-full !justify-between h-10 p-2 !text-base !text-[hsl(var(--navbar-primary))] hover:!text-[hsl(var(--accent-foreground))] focus-visible:outline-[hsl(var(--ring))]',