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

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

@@ -3,7 +3,7 @@
 import { trpc } from "@/lib/trpc/client"
 
 import LoadingSpinner from "@/components/LoadingSpinner"
-import CardGrid from "@/components/TempDesignSystem/CardGrid"
+import Grids from "@/components/TempDesignSystem/Grids"
 
 import Header from "../../Header"
 import Container from "../Container"
@@ -43,7 +43,7 @@ export default function UpcomingStays({
         <LoadingSpinner />
       ) : stays.length ? (
         <ListContainer>
-          <CardGrid>
+          <Grids.Stackable>
             {stays.map((stay) => (
               <StayCard
                 key={stay.attributes.confirmationNumber}
@@ -51,7 +51,7 @@ export default function UpcomingStays({
                 stay={stay}
               />
             ))}
-          </CardGrid>
+          </Grids.Stackable>
           {hasNextPage ? (
             <ShowMoreButton disabled={isFetching} loadMoreData={loadMoreData} />
           ) : null}