feat: static my stays

app/[lang]/(live)/(protected)/my-pages/stays/page.module.css

@@ -0,0 +1,17 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 4.2rem;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  margin-top: 2rem;
+}
+
+@media screen and (min-width: 950px) {
+  .container {
+    gap: 10rem;
+    padding-left: 0;
+    padding-right: 0;
+    margin: 0;
+  }
+}

app/[lang]/(live)/(protected)/my-pages/stays/page.tsx

@@ -0,0 +1,15 @@
+import UpcomingStays from "@/components/MyPages/Blocks/Stays/Upcoming"
+import PreviousStays from "@/components/MyPages/Blocks/Stays/Previous"
+
+import styles from "./page.module.css"
+
+import { LangParams, PageArgs } from "@/types/params"
+
+export default async function MyStays({ params }: PageArgs<LangParams>) {
+  return (
+    <main className={styles.container}>
+      <UpcomingStays lang={params.lang} />
+      <PreviousStays lang={params.lang} />
+    </main>
+  )
+}