migrate: filter icon to Lucide

Author: wackerow

src/components/ProductTable/MobileFilters.tsx

@@ -1,9 +1,8 @@
 import React from "react"
-import { RotateCcw, X } from "lucide-react"
+import { ListFilter, RotateCcw, X } from "lucide-react"
 
 import { FilterOption, TPresetFilters } from "@/lib/types"
 
-import { FilterBurgerIcon } from "@/components/icons/wallets"
 import Filters from "@/components/ProductTable/Filters"
 import PresetFilters from "@/components/ProductTable/PresetFilters"
 import {
@@ -71,7 +70,9 @@ const MobileFilters = ({
               <p>{t("table-filters")}</p>
               <p className="text-body-medium">{` ${activeFiltersCount} ${t("table-active")}`}</p>
             </div>
-            <FilterBurgerIcon className="h-8 w-8 stroke-primary" />
+            <div className="grid size-8 place-items-center rounded-full border border-primary text-primary">
+              <ListFilter className="-mb-0.5 size-6 stroke-1" />
+            </div>
           </Button>
         </DrawerTrigger>
         <DrawerContent className="flex h-full flex-col p-2">