Merged in feat/SW-1540-fetch-updated-data-booking (pull request #1316)

feat(SW-1540): Fetch data from API for MyStay

* feat(SW-1540): Fetch data from API for MyStay

* feat(SW-1540): Moved myStaySkeleton

* feat(SW-1540) used memoized getBookingConfirmation instead


Approved-by: Michael Zetterberg
Approved-by: Linus Flood

app/[lang]/(live)/(public)/hotelreservation/my-stay/[refId]/page.tsx

@@ -1,18 +1,19 @@
-import { MyStay } from "@/components/HotelReservation/MyStay/MyStay"
-import { setLang } from "@/i18n/serverContext"
+import { Suspense } from "react"
 
-import { response } from "./temporary_response"
+import { MyStay } from "@/components/HotelReservation/MyStay/MyStay"
+import { MyStaySkeleton } from "@/components/HotelReservation/MyStay/MyStay/myStaySkeleton"
+import { setLang } from "@/i18n/serverContext"
 
 import type { LangParams, PageArgs } from "@/types/params"
 
-export default async function MyStayPage({ params }: PageArgs<LangParams>) {
+export default async function MyStayPage({
+  params,
+}: PageArgs<LangParams & { refId: string }>) {
   setLang(params.lang)
 
   return (
-    <MyStay
-      hotel={response.hotel}
-      booking={response.booking}
-      room={response.room}
-    />
+    <Suspense fallback={<MyStaySkeleton />}>
+      <MyStay reservationId={params.refId} />
+    </Suspense>
   )
 }