Merged in feat/SW-965-select-rate-modify-room (pull request #1326)

Feat/SW-965 select rate modify room

* feat(SW-965): added new state for modify room and smaller fixes

* feat(SW-965): update state handling of modifyRateIndex

* fix: adjust scroll animation to handle modifyRateIndex

* fix: room state logic and removed unused css class


Approved-by: Pontus Dreij
Approved-by: Arvid Norlin

components/HotelReservation/SelectRate/Rooms/rooms.module.css

@@ -5,6 +5,14 @@
   flex-direction: column;
   gap: var(--Spacing-x2);
   padding: var(--Spacing-x2) 0;
+  overflow: hidden;
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  z-index: 1;
 }
 
 .roomContainer {
@@ -12,7 +20,8 @@
   flex-direction: column;
   border: 1px solid var(--Base-Border-Subtle);
   border-radius: var(--Corner-radius-Large);
-  padding: var(--Spacing-x2);
+  padding: var(--Spacing-x3);
+  background: var(--Base-Surface-Primary-light-Normal);
 }
 
 .roomPanel,
@@ -24,6 +33,7 @@
   transition:
     opacity 0.3s ease,
     grid-template-rows 0.3s ease;
+  transform-origin: bottom;
 }
 
 .roomPanel > * {
@@ -47,6 +57,7 @@
   grid-template-rows: 1fr;
   opacity: 1;
   height: auto;
+  padding-top: var(--Spacing-x1);
 }
 
 .hotelAlert {
@@ -54,3 +65,9 @@
   margin: 0 auto;
   padding: var(--Spacing-x-one-and-half);
 }
+
+@media (max-width: 768px) {
+  .roomContainer {
+    padding: var(--Spacing-x2);
+  }
+}