Merged in feat/BOOK-529-update-GLA-design-mystay (pull request #3230)

Feat/BOOK-529 update GLA design mystay

* feat(BOOK-529): update gla design on my stay

* feat(BOOK-529): open gla modal if error

* feat(BOOK-529): add inline accordion to storybook

* feat(529): move errormessage below message

* feat(529): update infomodal

* feat(BOOK-529): update infomodal

* feat(BOOK-529): hide guarantee info for adding ancillaries if prepaid

* feat(BOOK-529): update width on info dialog

* feat(BOOK-529): fix alignment

* feat(BOOK-529): check if member price

* feat(BOOK-529): refactor msg

* feat(BOOK-529): refactor terms and conditions to own component

* feat(BOOK-529): clean up confirmation step


Approved-by: Christel Westerberg

apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/RoomDetailsSidePeek.tsx

@@ -23,7 +23,11 @@ export default function RoomDetailsSidePeek({
   user,
 }: RoomDetailsSidePeekProps) {
   const intl = useIntl()
-  const bookedRoom = useMyStayStore((state) => state.bookedRoom)
+  const { bookedRoom, totalPrice } = useMyStayStore((state) => ({
+    bookedRoom: state.bookedRoom,
+    totalPrice: state.totalPrice,
+  }))
+
   const [isOpen, setIsOpen] = useState(false)
 
   return (
@@ -53,7 +57,11 @@ export default function RoomDetailsSidePeek({
         isOpen={isOpen}
         onClose={() => setIsOpen(false)}
       >
-        <BookedRoomSidePeekContent room={bookedRoom} user={user} />
+        <BookedRoomSidePeekContent
+          room={bookedRoom}
+          user={user}
+          totalPriceBooking={totalPrice}
+        />
       </SidePeekSelfControlled>
     </>
   )