feat: add CardGrid and add style to StayCard

components/MyPages/Blocks/Stays/Soonest/index.tsx

@@ -1,9 +1,10 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import MaxWidth from "@/components/MaxWidth"
+import CardGrid from "@/components/TempDesignSystem/CardGrid"
 
 import Header from "../Header"
-import StayList from "../StayList"
+import StayCard from "../StayCard"
 import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
 import styles from "./soonest.module.css"
@@ -22,7 +23,15 @@ export default async function SoonestStays({
     <MaxWidth className={styles.container} tag="section">
       <Header title={title} subtitle={subtitle} link={link} />
       {stays.length ? (
-        <StayList lang={lang} stays={stays} />
+        <CardGrid>
+          {stays.map((stay) => (
+            <StayCard
+              key={stay.attributes.confirmationNumber}
+              lang={lang}
+              stay={stay}
+            />
+          ))}
+        </CardGrid>
       ) : (
         <EmptyUpcomingStaysBlock />
       )}