feat(WEB-304): remaning UI from design system primitives

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

@@ -1,6 +1,6 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import CardGrid from "@/components/TempDesignSystem/CardGrid"
+import Grids from "@/components/TempDesignSystem/Grids"
 
 import Header from "../../Header"
 import StayCard from "../StayCard"
@@ -22,7 +22,7 @@ export default async function SoonestStays({
     <section className={styles.container}>
       <Header title={title} subtitle={subtitle} link={link} />
       {stays.length ? (
-        <CardGrid>
+        <Grids.Stackable>
           {stays.map((stay) => (
             <StayCard
               key={stay.attributes.confirmationNumber}
@@ -30,7 +30,7 @@ export default async function SoonestStays({
               stay={stay}
             />
           ))}
-        </CardGrid>
+        </Grids.Stackable>
       ) : (
         <EmptyUpcomingStaysBlock />
       )}