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/MyPages/Surprises/Header.tsx

@@ -1,4 +1,4 @@
-import { CloseLargeIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 
 import styles from "./surprises.module.css"
 
@@ -9,7 +9,7 @@ export default function Header({ onClose, children }: HeaderProps) {
     <div className={styles.top}>
       {children}
       <button onClick={onClose} type="button" className={styles.close}>
-        <CloseLargeIcon />
+        <MaterialIcon icon="close" />
       </button>
     </div>
   )

apps/scandic-web/components/MyPages/Surprises/Navigation.tsx

@@ -1,6 +1,7 @@
 import { useIntl } from "react-intl"
 
-import { ChevronRightSmallIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./surprises.module.css"
@@ -23,10 +24,11 @@ export default function Navigation({
         onPress={() => showSurprise(-1)}
         size="small"
       >
-        <ChevronRightSmallIcon
+        <MaterialIcon
+          icon="chevron_right"
+          color="CurrentColor"
+          size={20}
           className={styles.chevron}
-          width={20}
-          height={20}
         />
         {intl.formatMessage({ id: "Previous" })}
       </Button>
@@ -38,7 +40,7 @@ export default function Navigation({
         size="small"
       >
         {intl.formatMessage({ id: "Next" })}
-        <ChevronRightSmallIcon width={20} height={20} />
+        <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
       </Button>
     </nav>
   )