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

@@ -2,9 +2,10 @@
 
 import FocusLock from "react-focus-lock"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import useDropdownStore from "@/stores/main-menu"
 
-import { ArrowRightIcon, ChevronLeftIcon } from "@/components/Icons"
 import Card from "@/components/TempDesignSystem/Card"
 import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -43,7 +44,11 @@ export default function MegaMenu({
               className={styles.backButton}
               onClick={() => toggleMegaMenu(false)}
             >
-              <ChevronLeftIcon color="red" height={20} width={20} />
+              <MaterialIcon
+                icon="chevron_left"
+                size={20}
+                color="Icon/Interactive/Accent"
+              />
               <Subtitle type="one" color="burgundy" asChild>
                 <span>{title}</span>
               </Subtitle>
@@ -61,7 +66,7 @@ export default function MegaMenu({
                 onClick={handleNavigate}
               >
                 {seeAllLink.title}
-                <ArrowRightIcon color="burgundy" />
+                <MaterialIcon icon="arrow_forward" color="CurrentColor" />
               </Link>
             ) : null}
           </div>
@@ -87,8 +92,9 @@ export default function MegaMenu({
                           onClick={handleNavigate}
                         >
                           {title}
-                          <ArrowRightIcon
-                            color="burgundy"
+                          <MaterialIcon
+                            icon="arrow_forward"
+                            color="Icon/Interactive/Default"
                             className={styles.arrow}
                           />
                         </Link>