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/SectionAccordion/index.tsx

@@ -2,7 +2,8 @@
 import { useEffect, useRef, useState } from "react"
 import { useIntl } from "react-intl"
 
-import { CheckIcon, ChevronDownIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { useRoomContext } from "@/contexts/Details/Room"
@@ -108,7 +109,7 @@ export default function SectionAccordion({
       <div className={styles.iconWrapper}>
         <div className={styles.circle} data-checked={isStepComplete}>
           {isStepComplete ? (
-            <CheckIcon color="white" height="16" width="16" />
+            <MaterialIcon icon="check" color="Icon/Inverted" size={16} />
           ) : null}
         </div>
       </div>
@@ -131,9 +132,10 @@ export default function SectionAccordion({
             {title}
           </Subtitle>
           {isStepComplete && (
-            <ChevronDownIcon
+            <MaterialIcon
+              icon="keyboard_arrow_down"
               className={`${styles.button} ${isOpen ? styles.buttonOpen : ""}`}
-              color="burgundy"
+              color="Icon/Interactive/Default"
             />
           )}
         </button>