✨ feat:(product detail) get relevant product

:%s

src/components/modules/product-detail/ReleventProducts/ReleventProducts.tsx

@@ -1,13 +1,17 @@
+import { ProductCard } from '@commerce/types/product';
 import React from 'react';
 import ListProductWithInfo from 'src/components/common/ListProductWithInfo/ListProductWithInfo';
-import { PRODUCT_DATA_TEST } from 'src/utils/demo-data';
 
-const ReleventProducts = () => {
+interface Props {
+    data: ProductCard[]
+}
+
+const ReleventProducts = ({ data }: Props) => {
     return (
         <ListProductWithInfo
             title="Relevant Products"
             subtitle="Last call! Shop deep deals on 100+ bulk picks while you can."
-            data={PRODUCT_DATA_TEST}
+            data={data}
         />
     );
 };

src/utils/constanst.utils.ts

@@ -1,6 +1,7 @@
 import DefaultImg from '../../public/assets/images/default_img.jpg'
 
 export const REVALIDATE_TIME = 60
+export const MAX_PRODUCT_CAROUSEL = 20
 export const BLUR_DATA_IMG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mN8fBIAApUBruKYvzsAAAAASUVORK5CYII='
 export const DEFAULT_IMG = DefaultImg