Merged in feat(SW-1279)-mystay-multirum-cancelling (pull request #1443)

Feat(SW-1279) mystay multirum cancelling

* feat(SW-1279) Cancelation text if non-user on room 2-4

* feat(SW-1279) cancel mystay multiroom

* feat(SW-1279): Added cancellation for multiroom on mystay


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/MyStay/LinkedReservation/index.tsx

@@ -8,6 +8,7 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
 
+import { useMyStayRoomDetailsStore } from "../stores/myStayRoomDetailsStore"
 import { useMyStayTotalPriceStore } from "../stores/myStayTotalPrice"
 
 import styles from "./linkedReservation.module.css"
@@ -27,9 +28,10 @@ export default function LinkedReservation({
   const lang = useLang()
 
   const { addRoomPrice } = useMyStayTotalPriceStore()
+  const { addRoomDetails } = useMyStayRoomDetailsStore()
 
   const bookingConfirmation = use(bookingPromise)
-  const { booking } = bookingConfirmation ?? {}
+  const { booking, room } = bookingConfirmation ?? {}
 
   useEffect(() => {
     if (booking) {
@@ -39,8 +41,17 @@ export default function LinkedReservation({
         currencyCode: booking.currencyCode,
         isMainBooking: false,
       })
+
+      // Add room details to the store
+      addRoomDetails({
+        id: booking.confirmationNumber ?? "",
+        roomName: room?.name || booking.roomTypeCode || "Room",
+        roomTypeCode: booking.roomTypeCode || "",
+        rateDefinition: booking.rateDefinition,
+        isMainBooking: false,
+      })
     }
-  }, [booking, addRoomPrice])
+  }, [booking, room, addRoomPrice, addRoomDetails])
 
   if (!booking) return null
 
@@ -58,7 +69,7 @@ export default function LinkedReservation({
         <Caption textTransform="uppercase" type="bold">
           {intl.formatMessage({ id: "Reference" })} {booking.confirmationNumber}
         </Caption>
-        <div className={styles.guests}>
+        <div>
           <Caption color="uiTextHighContrast">
             {booking.childrenAges.length > 0
               ? intl.formatMessage(