fix design bug

src/app/[name]/(Dialogs)/cart/page.tsx

@@ -120,9 +120,9 @@ const CartIndex = () => {
                 </div>
                 <Button
                   onClick={() => setShowPagerModal(true)}
-                  className='w-full flex items-center justify-center gap-2'
+                  className='w-full dark:bg-white! dark:text-black! flex items-center justify-center gap-2'
                 >
-                  <NotificationBellIcon width={18} height={18} className="text-white dark:text-foreground" />
+                  <NotificationBellIcon width={18} height={18} className="text-white dark:text-black!" />
                   <span>صدا کردن گارسون</span>
                 </Button>
               </div>

src/app/[name]/(Main)/components/MenuFilterDrawer.tsx

@@ -123,7 +123,7 @@ const MenuFilterDrawer = ({
       <hr className="text-white/40 mt-12" />
       <div className="px-9 pt-6 flex justify-between gap-[22px]">
         <div className="w-full">
-          <Button onClick={handleApply}>{tMenu("MenuFilterDrawer.ButtonOk")}</Button>
+          <Button className="dark:bg-white! dark:text-black!" onClick={handleApply}>{tMenu("MenuFilterDrawer.ButtonOk")}</Button>
         </div>
         <div className="w-full">
           <Button className="bg-disabled! text-disabled-text!" onClick={handleCancel}>

src/app/[name]/(Main)/page.tsx

@@ -115,10 +115,17 @@ const MenuIndex = () => {
         !search || itemName.toLowerCase().includes(lowerSearch);
 
       const matchesIngredients = !selectedIngredients ||
-        (item.content && Array.isArray(item.content) &&
-          item.content.some((content: string) =>
-            content.toLowerCase().includes(lowerIngredients)
-          ));
+        (() => {
+          // ابتدا در محتویات جستجو می‌کنیم
+          if (item.content && Array.isArray(item.content) && item.content.length > 0) {
+            return item.content.some((content: string) =>
+              content.toLowerCase().includes(lowerIngredients)
+            );
+          }
+          // اگر محتویات وجود نداشت یا خالی بود، در توضیحات جستجو می‌کنیم
+          const description = item.description || item.desc || "";
+          return description.toLowerCase().includes(lowerIngredients);
+        })();
 
       const matchesDelivery = selectedDeliveryId === "0" ||
         (selectedDeliveryId === "pickup" && item.pickupServe) ||

src/components/pager/PagerModal.tsx

@@ -96,7 +96,7 @@ export default function PagerModal({ visible, onClose }: PagerModalProps) {
 
         <div className='mt-7 flex gap-4 items-center'>
           <div className='flex-1'>
-            <Button className='h-10 dark:bg-white dark:text-black' pending={isPending} onClick={handlePage}>پیج کنید</Button>
+            <Button className='h-10 dark:bg-white! dark:text-black!' pending={isPending} onClick={handlePage}>پیج کنید</Button>
           </div>
           <div className='flex-1'>
             <OutlineButton onClick={handleClose} variant="outline" className="w-full bg-white rounded-normal h-10 font-normal text-sm">انصراف</OutlineButton>