Merged in feat/SW-1762 (pull request #2050)

feat: make enter details bottom sheet pixed, and add spacing at the bottom of page

* feat: make enter details bottom sheet pixed, and add spacing at the bottom of page


Approved-by: Arvid Norlin

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.module.css

@@ -16,7 +16,7 @@
 }
 
 .summary {
-  position: sticky;
+  position: fixed;
   bottom: 0;
   left: 0;
   right: 0;

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.tsx

@@ -126,16 +126,19 @@ export default async function DetailsPage({
     }
   }
 
+  // attribute data-footer-spacing used to add spacing
+  // beneath footer to be able to show entire footer upon
+  // scrolling down to the bottom of the page
   return (
-    <EnterDetailsProvider
-      booking={booking}
-      breakfastPackages={breakfastPackages}
-      rooms={rooms}
-      searchParamsStr={selectRoomParams.toString()}
-      user={user}
-      vat={hotel.vat}
-    >
-      <main>
+    <main data-footer-spacing>
+      <EnterDetailsProvider
+        booking={booking}
+        breakfastPackages={breakfastPackages}
+        rooms={rooms}
+        searchParamsStr={selectRoomParams.toString()}
+        user={user}
+        vat={hotel.vat}
+      >
         <HotelHeader hotelData={hotelData} />
         <div className={styles.container}>
           <div className={styles.content}>
@@ -163,14 +166,14 @@ export default async function DetailsPage({
             <DesktopSummary isMember={!!user} />
           </aside>
         </div>
-      </main>
-      <EnterDetailsTrackingWrapper
-        booking={booking}
-        hotel={hotel}
-        isMember={!!user}
-        lang={lang}
-        rooms={rooms}
-      />
-    </EnterDetailsProvider>
+        <EnterDetailsTrackingWrapper
+          booking={booking}
+          hotel={hotel}
+          isMember={!!user}
+          lang={lang}
+          rooms={rooms}
+        />
+      </EnterDetailsProvider>
+    </main>
   )
 }