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>