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

@@ -3,9 +3,10 @@
 import { useRef } from "react"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import useDropdownStore from "@/stores/main-menu"
 
-import { ChevronDownSmallIcon } from "@/components/Icons"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import useClickOutside from "@/hooks/useClickOutside"
@@ -65,9 +66,11 @@ export default function MyPagesMenu({
             )}
           </span>
         </Body>
-        <ChevronDownSmallIcon
+        <MaterialIcon
+          icon="keyboard_arrow_down"
+          size={20}
           className={`${styles.chevron} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`}
-          color="red"
+          color="Icon/Interactive/Accent"
         />
       </MainMenuButton>
       {isMyPagesMenuOpen ? (
@@ -92,7 +95,12 @@ export function MyPagesMenuSkeleton() {
       <MainMenuButton>
         <Avatar />
         <SkeletonShimmer width="10ch" />
-        <ChevronDownSmallIcon className={`${styles.chevron}`} color="red" />
+        <MaterialIcon
+          icon="keyboard_arrow_down"
+          size={20}
+          className={`${styles.chevron}`}
+          color="Icon/Interactive/Accent"
+        />
       </MainMenuButton>
     </div>
   )