feat(WEB-128): desktop and mobile initial wireframe implemented

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

@@ -1,12 +1,27 @@
 import { auth } from "@/auth"
 
-export default async function MyPages() {
+import Overview from "@/components/MyPages/Blocks/Overview"
+import OverviewMobile from "@/components/MyPages/Blocks/Overview/Mobile"
+import Title from "@/components/MyPages/Title"
+import UpcomingStays from "@/components/MyPages/Blocks/UpcomingStays"
+
+import styles from "./page.module.css"
+
+import type { LangParams, PageArgs } from "@/types/params"
+
+export default async function MyPage({ params }: PageArgs<LangParams>) {
   const session = await auth()
   console.log({ session })
   return (
-    <>
-      <h2>Wilkommen</h2>
-      <pre>{JSON.stringify(session, null, 2)}</pre>
-    </>
+    <section className={styles.container}>
+      <header className={styles.header}>
+        <Title uppercase>Good morning {session?.user?.name ?? "[NAME]"}</Title>
+      </header>
+      <section className={styles.blocks}>
+        <Overview />
+        <OverviewMobile />
+        <UpcomingStays lang={params.lang} />
+      </section>
+    </section>
   )
 }