Merge pull request #14091 from Baystef/migrate/stakingproductscardgrid

Migrate Staking/StakingProductsCardGrid component to Shadcn/tailwind

Author: pettinarip

src/components/Staking/StakingProductsCardGrid/index.tsx

@@ -1,5 +1,3 @@
-import { SimpleGrid } from "@chakra-ui/react"
-
 import { StakingProductCard } from "./StakingProductCard"
 import { StakingProductsCategoryKeys } from "./types"
 import { useStakingProductsCardGrid } from "./useStakingProductsCardGrid"
@@ -14,16 +12,15 @@ const StakingProductsCardGrid = ({
   const { rankedProducts } = useStakingProductsCardGrid({ category })
 
   return (
-    <SimpleGrid
-      templateColumns="repeat(auto-fill, minmax(min(100%, 280px), 1fr))"
-      gap={8}
-      my={12}
-      mx={0}
+    <div
+      className={
+        "mx-0 my-12 grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] gap-8"
+      }
     >
       {rankedProducts.map((product) => (
         <StakingProductCard key={product.name} product={product} />
       ))}
-    </SimpleGrid>
+    </div>
   )
 }