Merged in feat/SW-1737-design-mystay-multiroom (pull request #1565)

Feat/SW-1737 design mystay multiroom

* feat(SW-1737) Fixed member view of guest details

* feat(SW-1737) fix merge issues

* feat(SW-1737) Fixed price details

* feat(SW-1737) removed unused imports

* feat(SW-1737) removed true as statement

* feat(SW-1737) updated store handling

* feat(SW-1737) fixed bug showing double numbers

* feat(SW-1737) small design fixed

* feat(SW-1737) fixed rebase errors

* feat(SW-1737) fixed create booking error with dates

* feat(SW-1737) fixed view multiroom as singleroom

* feat(SW-1737) fixes for multiroom

* feat(SW-1737) fixed bookingsummary

* feat(SW-1737) dont hide modify dates

* feat(SW-1737) updated breakfast to handle number

* feat(SW-1737) Added red color if member rate

* feat(SW-1737) fix PR comments

* feat(SW-1737) updated member tiers svg

* feat(SW-1737) updated how to handle paymentMethodDescription

* feat(SW-1737) fixes after testing mystay

* feat(SW-1737) updated Room type to just use whats used

* feat(SW-1737) fixed access

* feat(SW-1737) refactor my stay after PR comments

* feat(SW-1737) fix roomNumber translation

* feat(SW-1737) removed log


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/SidePeek/index.tsx

@@ -3,6 +3,7 @@
 import { trpc } from "@/lib/trpc/client"
 import useSidePeekStore from "@/stores/sidepeek"
 
+import BookedRoomSidePeek from "@/components/SidePeeks/BookedRoomSidePeek"
 import HotelSidePeek from "@/components/SidePeeks/HotelSidePeek"
 import RoomSidePeek from "@/components/SidePeeks/RoomSidePeek"
 import useLang from "@/hooks/useLang"
@@ -10,8 +11,12 @@ import useLang from "@/hooks/useLang"
 export default function HotelReservationSidePeek() {
   const activeSidePeek = useSidePeekStore((state) => state.activeSidePeek)
   const hotelId = useSidePeekStore((state) => state.hotelId)
+  const confirmationNumber = useSidePeekStore(
+    (state) => state.confirmationNumber
+  )
   const roomTypeCode = useSidePeekStore((state) => state.roomTypeCode)
   const showCTA = useSidePeekStore((state) => state.showCTA)
+  const user = useSidePeekStore((state) => state.user)
   const close = useSidePeekStore((state) => state.closeSidePeek)
   const lang = useLang()
 
@@ -49,6 +54,15 @@ export default function HotelReservationSidePeek() {
             close={close}
           />
         )}
+        {selectedRoom && (
+          <BookedRoomSidePeek
+            room={selectedRoom}
+            activeSidePeek={activeSidePeek}
+            close={close}
+            user={user}
+            confirmationNumber={confirmationNumber}
+          />
+        )}
       </>
     )
   }