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/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx

@@ -2,9 +2,10 @@
 
 import { useRef } from "react"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import useDropdownStore from "@/stores/main-menu"
 
-import { ChevronDownSmallIcon, ChevronRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
@@ -49,16 +50,18 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
       >
         {title}
         {isMobile ? (
-          <ChevronRightIcon
+          <MaterialIcon
+            icon="chevron_right"
+            size={20}
             className={`${styles.chevron}`}
-            color="red"
-            height={20}
-            width={20}
+            color="Icon/Interactive/Accent"
           />
         ) : (
-          <ChevronDownSmallIcon
+          <MaterialIcon
+            icon="keyboard_arrow_down"
+            size={20}
             className={`${styles.chevron} ${isMegaMenuOpen ? styles.isExpanded : ""}`}
-            color="red"
+            color="Icon/Interactive/Accent"
           />
         )}
       </MainMenuButton>