changed filter button logic

frontend/pages/products/[...slug].vue

@@ -75,13 +75,6 @@ watch(
     <div class="w-full container flex flex-col">
         <div class="w-full flex flex-col lg:flex-row justify-end items-end py-[3.5rem] lg:py-[5rem] gap-10 lg:gap-5">
             <div class="flex flex-col items-center lg:items-start gap-[1rem] lg:gap-[1.5rem] text-black w-full">
-                <!-- <div class="flex-center gap-[.75rem]">
-                    <span class="text-xs lg:text-sm">خانه</span>
-                    <span class="text-xs lg:text-sm">/</span>
-                    <span class="text-xs lg:text-sm">محصولات</span>
-                    <span class="text-xs lg:text-sm">/</span>
-                    <span class="text-xs lg:text-sm">همه</span>
-                </div> -->
                 <h1 class="typo-h-5 lg:typo-h-4">لیست محصولات</h1>
             </div>
 
@@ -102,7 +95,11 @@ watch(
                     </template>
                 </Input>
                 <Suspense>
-                    <FilterButton />
+                    <FilterButton>
+                        <template #content>
+                            <FilterProducts />
+                        </template>
+                    </FilterButton>
                     <template #fallback>
                         <Skeleton class="!size-11 lg:!w-[10.35rem] lg:!h-[3.35rem] shrink-0 !rounded-xl" />
                     </template>