feat : center btn list

src/pages/shop/section/productList/components/ButtonList.tsx

@@ -7,13 +7,13 @@ const ButtonList = ({
   setActiveId,
 }: ButtonListProps) => {
   return (
-    <div className="w-full h-full gap-4 grid max-sm:grid-cols-1 max-md:grid-cols-2 md:grid-cols-4 ">
+    <div className="w-full h-full gap-4 flex flex-wrap justify-center max-sm:grid max-sm:grid-cols-1 ">
       {ProductsList?.map((i) => {
         return (
           <Button
             key={i.id}
             active={i.id === activeId}
-            extra="py-4 text-lg"
+            extra="py-2 text-lg"
             onClick={() => setActiveId(i.id)}
           >
             {i.title}