Merged in feat/SW-3520-update-footer-ui-and-footer-link (pull request #2910)

feat(SW-3520): Updated the footer

* feat(SW-3520): Updated links to route to scandic web

* feat(SW-3520): Updated the footer with language switcher

* feat(SW-3520): Updated the Contact-us link and removed double slash


Approved-by: Anton Gunnarsson

apps/partner-sas/components/Menu/FooterMenu/index.tsx

@@ -0,0 +1,78 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { useIntl } from "react-intl"
+import { useMediaQuery } from "usehooks-ts"
+
+import {
+  customerService,
+  faq,
+  policies,
+  rates,
+} from "@scandic-hotels/common/constants/routes/customerService"
+import { partnerSas } from "@scandic-hotels/common/constants/routes/myPages"
+import Link from "@scandic-hotels/design-system/Link"
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
+import { LanguageSwitcher } from "@/components/LanguageSwitcher"
+import useLang from "@/hooks/useLang"
+import { routeToScandicWeb } from "@/util"
+
+import styles from "./footer-menu.module.css"
+
+export function FooterMenu() {
+  const intl = useIntl()
+  const lang = useLang()
+  const checkIfMobile = useMediaQuery("(max-width: 767px)")
+  const [isMobile, setIsMobile] = useState(false)
+
+  useEffect(() => {
+    setIsMobile(checkIfMobile)
+  }, [checkIfMobile])
+
+  return (
+    <div className={styles.linksWrapper}>
+      <div className={styles.links}>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <Link
+            href={routeToScandicWeb(customerService)[lang]}
+            className={styles.link}
+          >
+            {intl.formatMessage({ defaultMessage: "Contact us" })}
+          </Link>
+        </Typography>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <Link href={routeToScandicWeb(faq)[lang]} className={styles.link}>
+            {intl.formatMessage({ defaultMessage: "FAQ" })}
+          </Link>
+        </Typography>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <Link href={routeToScandicWeb(rates)[lang]} className={styles.link}>
+            {intl.formatMessage({ defaultMessage: "Rates" })}
+          </Link>
+        </Typography>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <Link
+            href={routeToScandicWeb(policies)[lang]}
+            className={styles.link}
+          >
+            {intl.formatMessage({ defaultMessage: "Policies" })}
+          </Link>
+        </Typography>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <Link
+            href={routeToScandicWeb(partnerSas)[lang]}
+            className={styles.link}
+          >
+            {intl.formatMessage({ defaultMessage: "SAS EuroBonus" })}
+          </Link>
+        </Typography>
+      </div>
+      <LanguageSwitcher
+        currentLanguage={lang}
+        isMobile={isMobile}
+        type="footer"
+      />
+    </div>
+  )
+}