Merged in feat/SW-1652-confirmation-page (pull request #1483)

Feat/SW-1652 confirmation page

* feat(SW-1652): handle linkedReservations fetching

* fix: add missing translations

* feat: add linkedReservation retry functionality

* chore: align naming


Approved-by: Simon.Emanuelsson

apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/index.tsx

@@ -1,9 +1,6 @@
-import { Suspense } from "react"
-
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { getIntl } from "@/i18n"
 
-import { LinkedReservationCardSkeleton } from "./LinkedReservation/LinkedReservationCardSkeleton"
 import { LinkedReservation } from "./LinkedReservation"
 import Room from "./Room"
 
@@ -17,6 +14,7 @@ export default async function Rooms({
   linkedReservations,
 }: BookingConfirmationRoomsProps) {
   const intl = await getIntl()
+
   return (
     <section className={styles.rooms}>
       <div className={styles.room}>
@@ -40,11 +38,10 @@ export default async function Rooms({
               { roomIndex: idx + 2 }
             )}
           </Subtitle>
-          <Suspense fallback={<LinkedReservationCardSkeleton />}>
-            <LinkedReservation
-              confirmationNumber={reservation.confirmationNumber}
-            />
-          </Suspense>
+          <LinkedReservation
+            confirmationNumber={reservation.confirmationNumber}
+            roomIndex={idx + 1}
+          />
         </div>
       ))}
     </section>