feat: improve handling of stays

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

@@ -7,6 +7,8 @@ import SectionLink from "@/components/Section/Link"
 import ClientUpcomingStays from "./Client"
 import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
 
+import styles from "./upcoming.module.css"
+
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
 
 export default async function UpcomingStays({
@@ -14,14 +16,14 @@ export default async function UpcomingStays({
   subtitle,
   link,
 }: AccountPageComponentProps) {
-  const initialUpcomingStays = await serverClient().user.stays.upcoming()
-  if (!initialUpcomingStays?.data) {
-    return null
-  }
+  const initialUpcomingStays = await serverClient().user.stays.upcoming({
+    limit: 6,
+  })
+
   return (
-    <SectionContainer>
+    <SectionContainer className={styles.container}>
       <SectionHeader title={title} subtitle={subtitle} link={link} />
-      {initialUpcomingStays.data.length ? (
+      {initialUpcomingStays?.data.length ? (
         <ClientUpcomingStays initialUpcomingStays={initialUpcomingStays} />
       ) : (
         <EmptyUpcomingStaysBlock />