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/DatePicker/Range/Desktop.tsx

@@ -4,10 +4,11 @@ import { useState } from "react"
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 
-import { ChevronLeftIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -88,10 +89,10 @@ export default function DatePickerRangeDesktop({
       components={{
         Chevron(props) {
           return (
-            <ChevronLeftIcon
+            <MaterialIcon
+              icon="chevron_left"
               className={props.className}
-              height={20}
-              width={20}
+              size={20}
             />
           )
         },

apps/scandic-web/components/DatePicker/Range/Mobile.tsx

@@ -2,10 +2,11 @@
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { Lang } from "@/constants/languages"
 import { dt } from "@/lib/dt"
 
-import { CloseLargeIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
@@ -38,7 +39,7 @@ export default function DatePickerRangeMobile({
     <div className={styles.container}>
       <header className={styles.header}>
         <button className={styles.close} onClick={close} type="button">
-          <CloseLargeIcon />
+          <MaterialIcon icon="close" />
         </button>
       </header>
       <DayPicker