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/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/index.tsx

@@ -9,7 +9,8 @@ import {
 } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { ChevronRightSmallIcon, CloseLargeIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -50,7 +51,7 @@ export default function PriceChangeSummary({
         onClick={() => toggleOpen((isOpen) => !isOpen)}
       >
         {intl.formatMessage({ id: "See price details" })}
-        <ChevronRightSmallIcon />
+        <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
       </Button>
       <ModalOverlay isOpen={isOpen} onOpenChange={toggleOpen}>
         <Modal>
@@ -66,7 +67,7 @@ export default function PriceChangeSummary({
                     variant="clean"
                     className={styles.closeButton}
                   >
-                    <CloseLargeIcon height={20} width={20} />
+                    <MaterialIcon icon="close" size={20} color="CurrentColor" />
                   </Button>
                 </header>
                 <section>

apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/index.tsx

@@ -1,9 +1,10 @@
 import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { useEnterDetailsStore } from "@/stores/enter-details"
 
-import { InfoCircleIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -75,7 +76,11 @@ export default function PriceChangeDialog({
         <Dialog aria-label={title} className={styles.dialog}>
           <header className={styles.header}>
             <div className={styles.titleContainer}>
-              <InfoCircleIcon height={48} width={48} color="burgundy" />
+              <MaterialIcon
+                icon="info"
+                size={48}
+                color="Icon/Interactive/Default"
+              />
               <Title
                 level="h1"
                 as="h3"