Merged in chore/fix-partner-sas-todos (pull request #2823)

chore: Fix partner-sas todos

* Add onError to TrpcProvider

* Add AdobeSDKScript

* Add GTMScript

* Add adobeDataLayer script

* Add ReactQueryDevtools

* Move components to correct folder


Approved-by: Joakim Jäderberg

apps/partner-sas/components/Footer/Footer.tsx

@@ -0,0 +1,67 @@
+/* eslint-disable formatjs/no-literal-string-in-jsx */
+import Link from "next/link"
+
+import Image from "@scandic-hotels/design-system/Image"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import { PoweredByScandic } from "../PoweredByScandic/PoweredByScandic"
+
+import styles from "./footer.module.css"
+
+export function Footer() {
+  return (
+    <div className={styles.root}>
+      <div className={styles.top}>
+        <div>
+          <Image
+            alt="SAS logotype"
+            className={styles.sasLogo}
+            src="/_static/img/sas-logotype.svg"
+            height={32}
+            width={90}
+            sizes="100vw"
+          />
+          <PoweredByScandic />
+        </div>
+        <div className={styles.links}>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <Link href="#" className={styles.link}>
+              Privacy policy
+            </Link>
+          </Typography>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <Link href="#" className={styles.link}>
+              Terms of use
+            </Link>
+          </Typography>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <Link href="#" className={styles.link}>
+              Your privacy choices
+            </Link>
+          </Typography>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <Link href="#" className={styles.link}>
+              Cookie Policy
+            </Link>
+          </Typography>
+          <Typography variant="Body/Paragraph/mdRegular">
+            <Link href="#" className={styles.link}>
+              More links
+            </Link>
+          </Typography>
+        </div>
+      </div>
+      <div className={styles.bottom}>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>© 1999 Something something.</p>
+        </Typography>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>
+            [Place holder text], LP and SAS are not responsible for content on
+            external Web sites.
+          </p>
+        </Typography>
+      </div>
+    </div>
+  )
+}

apps/partner-sas/components/Footer/footer.module.css

@@ -0,0 +1,48 @@
+.root {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
+.sasLogo {
+  height: auto;
+  width: 90px;
+}
+
+.top {
+  padding: 40px 16px 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+
+  @media screen and (min-width: 768px) {
+    padding: 40px;
+  }
+}
+
+.bottom {
+  background-color: var(--TEMP-sas-default);
+  color: white;
+  padding: 32px 16px 40px;
+
+  @media screen and (min-width: 768px) {
+    padding: 32px 40px 40px;
+  }
+}
+
+.links {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  @media screen and (min-width: 768px) {
+    flex-direction: row;
+  }
+}
+
+.link {
+  text-decoration: none;
+  color: var(--TEMP-sas-40);
+
+  &:hover {
+    text-decoration: underline;
+  }
+}