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/Lightbox/Gallery.tsx

@@ -3,9 +3,8 @@ import { AnimatePresence, motion } from "framer-motion"
 import { useState } from "react"
 import { useIntl } from "react-intl"
 
-import { ChevronLeftIcon } from "@/components/Icons"
-import ArrowRightIcon from "@/components/Icons/ArrowRight"
-import CloseIcon from "@/components/Icons/Close"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -69,13 +68,17 @@ export default function Gallery({
         onClick={onClose}
         aria-label={intl.formatMessage({ id: "Close" })}
       >
-        <ChevronLeftIcon
-          color="black"
-          width={32}
-          height={32}
+        <MaterialIcon
+          icon="chevron_left"
+          color="Icon/Intense"
+          size={32}
           className={styles.mobileCloseIcon}
         />
-        <CloseIcon width={32} height={32} className={styles.desktopCloseIcon} />
+        <MaterialIcon
+          icon="close"
+          size={32}
+          className={styles.desktopCloseIcon}
+        />
       </Button>
       {/* Desktop Gallery */}
       <div className={styles.desktopGallery}>
@@ -112,8 +115,9 @@ export default function Gallery({
             className={`${styles.navigationButton} ${styles.galleryPrevButton}`}
             onClick={handlePrev}
           >
-            <ArrowRightIcon
-              color="burgundy"
+            <MaterialIcon
+              icon="arrow_forward"
+              color="Icon/Interactive/Default"
               className={styles.leftTransformIcon}
             />
           </motion.button>
@@ -121,7 +125,10 @@ export default function Gallery({
             className={`${styles.navigationButton} ${styles.galleryNextButton}`}
             onClick={handleNext}
           >
-            <ArrowRightIcon color="burgundy" />
+            <MaterialIcon
+              icon="arrow_forward"
+              color="Icon/Interactive/Default"
+            />
           </motion.button>
         </div>
         <div className={styles.desktopThumbnailGrid}>