Merged in feat/enter-details-multiroom (pull request #1280)

feat(SW-1259): Enter details multiroom

* refactor: remove per-step URLs

* WIP: map multiroom data

* fix: lint errors in details page

* fix: made useEnterDetailsStore tests pass

* fix: WIP refactor enter details store

* fix: WIP enter details store update

* fix: added room index to select correct room

* fix: added logic for navigating between steps and rooms

* fix: update summary to work with store changes

* fix: added room and total price calculation

* fix: removed unused code and added test for breakfast included

* refactor: move store selectors into helpers

* refactor: session storage state for multiroom booking

* feat: update enter details accordion navigation

* fix: added room index to each form component so they select correct room

* fix: added unique id to input to handle case when multiple inputs have same name

* fix: update payment step with store changes

* fix: rebase issues

* fix: now you should only be able to go to a step if previous room is completed

* refactor: cleanup

* fix: if no availability just skip that room for now

* fix: add select-rate Summary and adjust typings


Approved-by: Arvid Norlin

components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css

@@ -16,10 +16,6 @@
   transform-origin: top;
 }
 
-.accordion:last-child {
-  border-bottom: none;
-}
-
 .header {
   grid-area: header;
 }
@@ -46,8 +42,13 @@
 .button {
   grid-area: button;
   justify-self: flex-end;
+  transform-origin: 50% 50%;
+  transition: transform 0.3s;
 }
 
+.buttonOpen {
+  transform: rotate(180deg);
+}
 .selection {
   grid-area: selection;
 }
@@ -85,22 +86,21 @@
 }
 
 .contentWrapper {
+  opacity: 0;
   padding-bottom: var(--Spacing-x3);
 }
 
+.accordion[data-section-open="true"] .contentWrapper {
+  opacity: 1;
+}
 .content {
   overflow: hidden;
   grid-area: content;
-  opacity: 0;
   border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
   transform-origin: top;
   transition: opacity 0.2s linear;
 }
 
-.accordion[data-section-open="true"] .content {
-  opacity: 1;
-}
-
 .content:has([data-section-open="true"]) {
   overflow: visible;
 }