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/ReferenceCard/referenceCard.module.css

@@ -19,25 +19,32 @@
   margin-bottom: var(--Spacing-x-one-and-half);
 }
 
+.cancelledRooms {
+  color: var(--Scandic-Brand-Scandic-Red);
+}
+
 .actionArea {
   display: flex;
-  gap: var(--Spacing-x3);
+  gap: var(--Spacing-x2);
   margin: var(--Spacing-x4) 0 var(--Spacing-x3);
 }
 
-.referenceCard .note {
+.note {
   text-align: center;
   width: 80%;
   margin: 0 auto;
 }
 
+.cancelledNote {
+  color: var(--UI-Text-Placeholder);
+}
+
 .titleDesktop {
   display: none;
 }
 
 .bookingCode {
-  display: flex;
-  gap: var(--Spacing-x1);
+  color: var(--UI-Semantic-Information);
 }
 
 .guaranteed {
@@ -49,14 +56,20 @@
   padding: var(--Spacing-x1);
   margin-bottom: var(--Space-x1);
 }
+
 .guaranteedText {
   color: var(--Surface-Feedback-Succes-Accent);
 }
 
 @media (min-width: 768px) {
+  .actionArea {
+    gap: var(--Spacing-x3);
+  }
+
   .titleMobile {
     display: none;
   }
+
   .titleDesktop {
     display: block;
   }