feat(WEB-154): my profile view

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

@@ -1,7 +1,8 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import { challenges, shortcuts, stays } from "./_constants"
+import { extendedUser } from "./_constants"
 
+import MaxWidth from "@/components/MaxWidth"
 import Overview from "@/components/MyPages/Blocks/Overview"
 import Shortcuts from "@/components/MyPages/Blocks/Shortcuts"
 import UpcomingStays from "@/components/MyPages/Blocks/UpcomingStays"
@@ -14,17 +15,10 @@ export default async function MyPage({ params }: PageArgs<LangParams>) {
   const data = await serverClient().user.get()
   const user = {
     ...data,
-    journeys: challenges.journeys,
-    membershipId: 30812404844732,
-    nights: 14,
-    points: 20720,
-    qualifyingPoints: 5000,
-    shortcuts,
-    stays,
-    victories: challenges.victories,
+    ...extendedUser,
   }
   return (
-    <main className={styles.blocks}>
+    <MaxWidth className={styles.blocks} tag="main">
       <Overview user={user} />
       <UpcomingStays lang={params.lang} stays={user.stays} />
       <Shortcuts
@@ -32,6 +26,6 @@ export default async function MyPage({ params }: PageArgs<LangParams>) {
         title="Handy Shortcuts"
         subtitle="The community at your fingertips"
       />
-    </main>
+    </MaxWidth>
   )
 }