Tested to add algolia search

components/layout/header/mobile-menu/modal.tsx

@@ -1,15 +1,15 @@
 'use client';
 
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
+import Link from 'next/link';
 import { useState } from 'react';
-import MainMenu from '../main-menu/main-menu';
 import OpenMobileMenu from './open-mobile-menu';
 
 interface MobileMenuModalProps {
-  locale: string;
+  items: [];
 }
 
-export default function MobileMenuModal({ locale }: MobileMenuModalProps) {
+export default function MobileMenuModal({ items }: MobileMenuModalProps) {
   const [isOpen, setIsOpen] = useState(false);
 
   return (
@@ -23,7 +23,17 @@ export default function MobileMenuModal({ locale }: MobileMenuModalProps) {
             <SheetTitle className="text-lg font-semibold">Menu</SheetTitle>
           </SheetHeader>
           <div className="mt-4">
-            <MainMenu locale={locale} />
+            <ul className="flex flex-col gap-2">
+              {items.map((item: { title: string; slug: string }, i: number) => {
+                return (
+                  <li key={i}>
+                    <Link onClick={() => setIsOpen(false)} href={`/category/${item.slug}`}>
+                      {item.title}
+                    </Link>
+                  </li>
+                );
+              })}
+            </ul>
           </div>
         </SheetContent>
       </Sheet>