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/PoweredByScandic/PoweredByScandic.tsx

@@ -0,0 +1,25 @@
+import Image from "@scandic-hotels/design-system/Image"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import styles from "./poweredByScandic.module.css"
+
+export function PoweredByScandic() {
+  return (
+    <div className={styles.root}>
+      <Typography variant="Body/Supporting text (caption)/smRegular">
+        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+        <p>Powered by</p>
+      </Typography>
+      <div>
+        <Image
+          alt="Scandic"
+          className={styles.logo}
+          src="/_static/img/scandic-logotype.svg"
+          height={14}
+          width={65}
+          sizes="100vw"
+        />
+      </div>
+    </div>
+  )
+}

apps/partner-sas/app/components/PoweredByScandic/poweredByScandic.module.css

@@ -0,0 +1,13 @@
+.root {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--TEMP-sas-20);
+}
+
+.logo {
+  max-height: 14px;
+  max-width: 65px;
+  height: auto;
+  width: 100%;
+}