products page error fixed:added use client word for swiper

app/products/page.tsx

@@ -3,7 +3,7 @@ import React from "react";
 
 export default function Page() {
   return (
-    <div className="mb-90">
+    <div className="bg-[#1e1d1c] pb-30">
       <ProductBanner />
       <Products />
     </div>

components/pages/products/slug/slider.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Navigation } from "swiper/modules";
 import "swiper/css";