Merged in fix/pinned-yarn-version (pull request #1428)

fix: different packageManager versions in different package.json's caused issues when installing

* fix: different packageManager versions in different package.json's caused issues when installing

* fix: build error


Approved-by: Anton Gunnarsson

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

@@ -1,5 +1,8 @@
 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"
@@ -7,8 +10,6 @@ import Room from "./Room"
 import styles from "./rooms.module.css"
 
 import type { BookingConfirmationRoomsProps } from "@/types/components/hotelReservation/bookingConfirmation/rooms"
-import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
-import { getIntl } from "@/i18n"
 
 export default async function Rooms({
   booking,
@@ -19,7 +20,7 @@ export default async function Rooms({
   return (
     <section className={styles.rooms}>
       <div className={styles.room}>
-        {linkedReservations.length ? (
+        {(linkedReservations?.length ?? 0 > 0) ? (
           <Subtitle color="mainGrey60" type="two">
             {intl.formatMessage({ id: "Room {roomIndex}" }, { roomIndex: 1 })}
           </Subtitle>
@@ -32,7 +33,7 @@ export default async function Rooms({
       </div>
 
       {linkedReservations?.map((reservation, idx) => (
-        <div className={styles.room}>
+        <div key={idx} className={styles.room}>
           <Subtitle color="mainGrey60" type="two">
             {intl.formatMessage(
               { id: "Room {roomIndex}" },