feat(SW-1960): Improved scrolling and tabnavigation on hotel pages

Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/Accordion/accordion.module.css

@@ -1,3 +1,7 @@
+.accordionSection {
+  scroll-margin-top: var(--hotel-page-scroll-margin-top);
+}
+
 .accordion:not(.allVisible) :nth-child(n + 6) {
   display: none;
 }

apps/scandic-web/components/Blocks/Accordion/index.tsx

@@ -24,7 +24,10 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
   }
 
   return (
-    <SectionContainer id={HotelHashValues.faq}>
+    <SectionContainer
+      className={styles.accordionSection}
+      id={HotelHashValues.faq}
+    >
       <SectionHeader textTransform="uppercase" title={title} />
       <Accordion
         className={`${styles.accordion} ${allAccordionsVisible ? styles.allVisible : ""}`}