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/MyStay/PriceDetails/index.tsx

@@ -0,0 +1,39 @@
+"use client"
+import { dt } from "@/lib/dt"
+import { useMyStayRoomDetailsStore } from "@/stores/my-stay/myStayRoomDetailsStore"
+import { useMyStayTotalPriceStore } from "@/stores/my-stay/myStayTotalPrice"
+
+import PriceDetailsModal from "../../PriceDetailsModal"
+import PriceDetailsTable from "./PriceDetailsTable"
+
+import styles from "./priceDetails.module.css"
+
+export default function PriceDetails() {
+  const bookedRoom = useMyStayRoomDetailsStore((state) => state.bookedRoom)
+  const linkedReservationRooms = useMyStayRoomDetailsStore(
+    (state) => state.linkedReservationRooms
+  )
+  const currencyCode = useMyStayTotalPriceStore((state) => state.currencyCode)
+  const totalPrice = useMyStayTotalPriceStore((state) => state.totalPrice)
+
+  return (
+    <div className={styles.priceDetailsModal}>
+      <PriceDetailsModal>
+        <PriceDetailsTable
+          fromDate={dt(bookedRoom.checkInDate).format("YYYY-MM-DD")}
+          toDate={dt(bookedRoom.checkOutDate).format("YYYY-MM-DD")}
+          linkedReservationRooms={linkedReservationRooms}
+          bookedRoom={bookedRoom}
+          totalPrice={{
+            requested: undefined,
+            local: {
+              currency: currencyCode,
+              price: totalPrice ?? 0,
+            },
+          }}
+          vat={bookedRoom.vatPercentage}
+        />
+      </PriceDetailsModal>
+    </div>
+  )
+}