catalog part is done

app/[locale]/products/page.tsx

@@ -1,10 +1,14 @@
+"use client"
 import { ProductBanner, Products } from "@/components/pages/products";
+import { useSearchParams } from "next/navigation";
 
 export default function Page() {
+  const searchParams = useSearchParams()
+  const category = searchParams.get("category");
   return (
     <div className="bg-[#1e1d1c] pb-30">
       <ProductBanner />
-      <Products />
+      <Products categoryName={category || null} />
     </div>
   );
 }