fix: multioption combobox

src/app/[name]/page.tsx

@@ -13,11 +13,11 @@ import React from "react";
 import MenuItem from "@/components/listview/MenuItem";
 import Button from "@/components/button/PrimaryButton";
 import AnimatedBottomSheet from "@/components/bottomsheet/AnimatedBottomSheet";
-import MultiOption from "@/components/combobox/MultiOption";
+import SearchComboBox from "@/components/combobox/SearchComboBox";
 import { DropdownOption } from "@/components/combobox/Combobox";
 import { Switch } from "@/components/ui/switch";
-import { LucideMedal, Medal, MedalIcon, StarHalf, StarIcon, Stars, TicketPercentIcon } from "lucide-react";
-import TicketDiscountIcon from "@/components/icons/TickerDiscountIcon";
+import { TicketPercentIcon } from "lucide-react";
+import { MedalStar } from 'iconsax-react'
 
 const categories = new Array(13).fill({ title: "خوراک", icon: "" });
 
@@ -236,12 +236,12 @@ const MenuIndex = () => {
 
       <AnimatedBottomSheet title="فیلتر ها" visible={filterModal} changeDelay="150" onClick={toggleFilterModal}>
         <div className="ps-8.5 pe-[31px] mt-[89px]">
-          <MultiOption
+          <SearchComboBox
             title="محتویات"
             options={contents}
             selectedId={selectedContentId}
             onSelectionChange={changeSelectedContent} />
-          <MultiOption
+          <SearchComboBox
             className="relative mt-9.5"
             title="روش ارسال"
             options={shippings}
@@ -251,7 +251,7 @@ const MenuIndex = () => {
             className="flex w-full mt-[23px] h-11 items-center justify-between gap-2 px-3 py-4 relative bg-white/29 rounded-xl border border-solid border-neutral-200 cursor-pointer focus:outline-none focus:ring-2 focus:ring-black"
           >
             <span className="inline-flex items-center gap-2.5 text-sm2">
-              <Medal size={16} />
+              <MedalStar size="16" color="#333333" />
               دارای امتیاز پس از خرید
             </span>
             <Switch className="w-12 h-6" />