Merged in feature/SW-3595-sas-info-boxes (pull request #3177)

Feature/SW-3595 Add info boxes to SAS start page & Eurobonus alert to select-hotel page on SAS

* wip

* feat(SW-3595): Add info boxes to SAS start page

* Add InfoBox to design-system
* Add background gradient to SAS start page

* update variable naming and conditionalize the eurobonus message on select-hotel

* SAS startpage update default message

* make select-hotel a bit more generic with slot={} instead of alert={}


Approved-by: Anton Gunnarsson

packages/booking-flow/lib/pages/SelectHotelPage.tsx

@@ -14,6 +14,7 @@ import { getSelectHotelTracking } from "../misc/selectHotelTracking"
 import { parseSelectHotelSearchParams } from "../utils/url"
 
 import type { Lang } from "@scandic-hotels/common/constants/language"
+import type { ReactNode } from "react"
 
 import type { NextSearchParams } from "../types"
 
@@ -23,10 +24,12 @@ export async function SelectHotelPage({
   lang,
   searchParams,
   config,
+  topSlot,
 }: {
   lang: Lang
   searchParams: NextSearchParams
   config: BookingFlowConfig
+  topSlot?: ReactNode
 }) {
   const booking = parseSelectHotelSearchParams(searchParams)
 
@@ -111,6 +114,7 @@ export async function SelectHotelPage({
         hotels={hotels}
         title={city.name}
         lang={lang}
+        topSlot={topSlot}
       />
 
       <TrackingSDK hotelInfo={hotelsTrackingData} pageData={pageTrackingData} />