feat: add CardGrid and add style to StayCard

components/MyPages/Blocks/Benefits/NextLevel/index.tsx

@@ -4,6 +4,7 @@ import { Lock } from "react-feather"
 import { serverClient } from "@/lib/trpc/server"
 
 import Button from "@/components/TempDesignSystem/Button"
+import CardGrid from "@/components/TempDesignSystem/CardGrid"
 import Title from "@/components/Title"
 
 import styles from "./next.module.css"
@@ -38,7 +39,7 @@ export default async function NextLevelBenefitsBlock({
         )}
       </header>
       {subtitle && <p className={styles.subtitle}>{subtitle}</p>}
-      <div className={styles.cardContainer}>
+      <CardGrid>
         {perks.map((perk) => (
           <article key={perk.id} className={styles.card}>
             <Button type="button" intent="secondary" disabled>
@@ -51,7 +52,7 @@ export default async function NextLevelBenefitsBlock({
             </div>
           </article>
         ))}
-      </div>
+      </CardGrid>
       <div className={styles.buttonContainer}>
         <Button intent="primary" asChild>
           <Link href="#" className={styles.buttonText}>