fix: added event listener to scroll when transition ends

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

@@ -5,7 +5,7 @@
   gap: var(--Spacing-x3);
   width: 100%;
   padding-top: var(--Spacing-x3);
-  /* transition: 0.4s ease-out; */
+  transition: 0.4s ease-out;
 
   display: grid;
   grid-template-areas: "circle header" "content content";
@@ -15,6 +15,7 @@
   column-gap: var(--Spacing-x-one-and-half);
 
   transform-origin: top;
+  scroll-margin-top: 71px; /* booking widget height */
 }
 
 .accordion:last-child {
@@ -81,9 +82,9 @@
   background-color: var(--Base-Surface-Subtle-Hover);
 }
 
-/* .accordion[data-open="true"] {
+.accordion[data-open="true"] {
   grid-template-rows: var(--header-height) 1fr;
-} */
+}
 
 .contentWrapper {
   padding-bottom: var(--Spacing-x3);