Merged in chore/partner-sas-header-footer-styling (pull request #2765)

chore: partner-sas header and footer improvements

* improve header styling

* Add footer


Approved-by: Bianca Widstam

apps/partner-sas/app/components/Header/Header.tsx

@@ -0,0 +1,25 @@
+import Image from "@scandic-hotels/design-system/Image"
+
+import { PoweredByScandic } from "../PoweredByScandic/PoweredByScandic"
+
+import styles from "./header.module.css"
+
+export function Header() {
+  return (
+    <>
+      <header className={styles.header}>
+        <Image
+          alt="SAS logotype"
+          className={styles.logo}
+          src="/_static/img/sas-logotype-white.svg"
+          height={32}
+          width={90}
+          sizes="100vw"
+        />
+      </header>
+      <div className={styles.poweredBy}>
+        <PoweredByScandic />
+      </div>
+    </>
+  )
+}

apps/partner-sas/app/components/Header/header.module.css

@@ -0,0 +1,25 @@
+.header {
+  background-color: var(--TEMP-sas-default);
+  color: white;
+  display: flex;
+  align-items: center;
+  padding: 16px;
+
+  @media screen and (min-width: 768px) {
+    padding: 20px 40px;
+  }
+}
+
+.logo {
+  height: auto;
+  width: 90px;
+}
+
+.poweredBy {
+  padding: 6px 16px;
+  background-color: var(--Base-Surface-Primary-light-Normal);
+
+  @media screen and (min-width: 768px) {
+    padding: 8px 40px;
+  }
+}