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/GuestsRoomsPicker/Form.tsx

@@ -4,9 +4,10 @@ import { useCallback, useEffect } from "react"
 import { useFormContext, useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { REDEMPTION } from "@/constants/booking"
 
-import { CloseLargeIcon, PlusCircleIcon, PlusIcon } from "../Icons"
 import Button from "../TempDesignSystem/Button"
 import { Tooltip } from "../TempDesignSystem/Tooltip"
 import { GuestsRoom } from "./GuestsRoom"
@@ -83,7 +84,7 @@ export default function GuestsRoomsPickerDialog({
       <section className={styles.contentWrapper}>
         <header className={styles.header}>
           <button type="button" className={styles.close} onClick={onClose}>
-            <CloseLargeIcon />
+            <MaterialIcon icon="close" />
           </button>
         </header>
 
@@ -113,7 +114,7 @@ export default function GuestsRoomsPickerDialog({
                   onPress={handleAddRoom}
                   disabled
                 >
-                  <PlusIcon />
+                  <MaterialIcon icon="add" color="CurrentColor" />
                   {addRoomLabel}
                 </Button>
               </Tooltip>
@@ -129,7 +130,7 @@ export default function GuestsRoomsPickerDialog({
                   fullWidth
                   onPress={handleAddRoom}
                 >
-                  <PlusIcon />
+                  <MaterialIcon icon="add" color="CurrentColor" />
                   {addRoomLabel}
                 </Button>
               </div>
@@ -153,7 +154,7 @@ export default function GuestsRoomsPickerDialog({
                 disabled
                 onPress={handleAddRoom}
               >
-                <PlusCircleIcon />
+                <MaterialIcon icon="add_circle" color="CurrentColor" />
                 {addRoomLabel}
               </Button>
             </Tooltip>
@@ -168,7 +169,7 @@ export default function GuestsRoomsPickerDialog({
                 theme="base"
                 onPress={handleAddRoom}
               >
-                <PlusCircleIcon />
+                <MaterialIcon icon="add_circle" color="CurrentColor" />
                 {addRoomLabel}
               </Button>
             </div>