Merged in feat/SW-1711-switch-icons (pull request #1558)

Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons.

Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/LinkAccountForm.tsx

@@ -6,11 +6,11 @@ import { useTransition } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { profileEdit } from "@/constants/routes/myPages"
 
-import { ArrowRightIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
 import Link from "@/components/TempDesignSystem/Link"
@@ -94,7 +94,8 @@ export function LinkAccountForm({
             {intl.formatMessage({
               id: "Edit your personal details",
             })}
-            <ArrowRightIcon color="peach80" height={18} width={18} />
+
+            <MaterialIcon icon="arrow_forward" size={18} color="CurrentColor" />
           </Link>
         </div>
         <div className={styles.termsAndConditions}>

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/link/success/page.tsx

@@ -1,10 +1,10 @@
 import React from "react"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { partnerSas } from "@/constants/routes/myPages"
 
-import CheckCircle from "@/components/Icons/CheckCircle"
 import { Redirect } from "@/components/Redirect"
 import { getIntl } from "@/i18n"
 
@@ -20,7 +20,11 @@ export default async function SASxScandicLinkPage({
   return (
     <SASModal>
       <Redirect url={partnerSas[params.lang]} timeout={3000} />
-      <CheckCircle height={64} width={64} color="uiSemanticSuccess" />
+      <MaterialIcon
+        icon="check_circle"
+        size={64}
+        color="Icon/Feedback/Success"
+      />
       <Typography variant="Title/Subtitle/lg">
         <h1>{intl.formatMessage({ id: "Your accounts are linked" })}</h1>
       </Typography>