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/components/SasTierComparison/index.tsx

@@ -1,10 +1,11 @@
 "use client"
 import Image from "next/image"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import JsonToHtml from "@/components/JsonToHtml"
 import Link from "@/components/TempDesignSystem/Link"
 
-import { ArrowRightIcon, ChevronDownIcon, CompareArrowsIcon } from "../Icons"
 import SectionContainer from "../Section/Container"
 import Button from "../TempDesignSystem/Button"
 import Body from "../TempDesignSystem/Text/Body"
@@ -102,7 +103,7 @@ function TierDetails({
             {tierMatch.scandic_friends_tier_name}
           </Body>
           <div className={styles.comparisonIcon}>
-            <CompareArrowsIcon width={16} height={16} />
+            <MaterialIcon icon="compare_arrows" size={16} />
           </div>
           <div
             style={{
@@ -119,11 +120,11 @@ function TierDetails({
               {tierMatch.sas_eb_tier_name}
             </Body>
             <div className={styles.iconWrapper}>
-              <ChevronDownIcon
+              <MaterialIcon
+                icon="keyboard_arrow_down"
                 className={styles.chevron}
-                color="burgundy"
-                width={20}
-                height={20}
+                color="Icon/Default"
+                size={20}
               />
             </div>
           </div>
@@ -156,7 +157,7 @@ function ReadMoreLink({
   return (
     <Link href={href} className={styles.link} weight="bold" color="burgundy">
       {children}
-      <ArrowRightIcon color="burgundy" />
+      <MaterialIcon icon="arrow_forward" color="CurrentColor" />
     </Link>
   )
 }