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/design-system/lib/components/InfoBox/InfoBox.module.css

@@ -0,0 +1,40 @@
+.infoBox {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 1rem;
+
+  padding: var(--Space-x2) var(--Space-x3);
+  border-radius: var(--Corner-radius-Medium);
+  align-items: center;
+
+  background: var(--Background-Secondary);
+
+  &.sasBlue {
+    background: var(--SAS-Blue-90);
+  }
+
+  .iconContainer {
+    display: flex;
+    width: 24px;
+    padding: var(--Space-x05);
+    border-radius: 100%;
+    aspect-ratio: 1 / 1;
+    box-sizing: content-box;
+    align-items: center;
+    justify-content: center;
+    color: white;
+
+    background: var(--Surface-Brand-Accent-OnAccent-Accent);
+
+    &.sasBlue {
+      color: white;
+      background: var(--SAS-Blue-Default);
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--Space-x05);
+  }
+}