🔨 refactor: ProductList

:%s

src/components/common/ProductCard/ProductCard.module.scss

@@ -57,7 +57,8 @@
     .cardBot{
         min-height: 4rem;
         @apply flex justify-between items-center; 
-        .cardButton{
+        .cardIcon{
+            margin-right: 0.8rem;
         }
     }
 }

src/components/common/ProductList/ProductList.module.scss

@@ -1,11 +1,11 @@
 .wrapper{
     .list{        
-        max-width: 109.4rem;
-        @apply flex flex-wrap;
+        // max-width: 109.4rem;
+        @apply flex flex-wrap justify-around;
     }
     .pagination{
         padding-top: 4.8rem;
-        max-width: 109.4rem;
+        // max-width: 109.4rem;
         @apply flex justify-center items-center ;
     }
 }

src/components/common/ProductList/ProductList.tsx

@@ -15,8 +15,8 @@ const ProductList = ({data}: ProductListProps) => {
         <div className={s.wrapper}>
             <div className={s.list}>
                 {
-                    data.slice(currentPage*20,(currentPage+1)*20).map((product)=>{
-                        return <ProductCard {...product}/>
+                    data.slice(currentPage*20,(currentPage+1)*20).map((product,index)=>{
+                        return <ProductCard {...product} key={index}/>
                     })
                 }
             </div>