Feat/BOOK-424 campaign banner

Approved-by: Bianca Widstam

apps/scandic-web/app/[lang]/(live)/layout.tsx

@@ -18,6 +18,7 @@ import TrpcProvider from "@/lib/trpc/Provider"
 
 import { SessionRefresher } from "@/components/Auth/TokenRefresher"
 import { BookingFlowProviders } from "@/components/BookingFlowProviders"
+import CampaignBanner from "@/components/CampaignBanner"
 import ChatbotScript from "@/components/ChatbotScript"
 import CookieBotConsent from "@/components/CookieBot"
 import Footer from "@/components/Footer"
@@ -76,6 +77,7 @@ export default async function RootLayout(
                     <BookingFlowProviders>
                       <RouteChange />
                       <SitewideAlert />
+                      <CampaignBanner />
                       <Header />
                       {bookingwidget}
                       {children}

apps/scandic-web/app/globals.css

@@ -15,6 +15,10 @@
   );
 
   --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
+  --campaign-banner-height: 0px; /* Will be overridden when a campaign banner is visible */
+  --alert-and-banner-height: calc(
+    var(--sitewide-alert-height) + var(--campaign-banner-height)
+  );
   --main-menu-mobile-height: 73px;
   --main-menu-desktop-height: 125px;
   --booking-widget-mobile-height: 75px;