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

@@ -5,11 +5,12 @@ import { useRef } from "react"
 import FocusLock from "react-focus-lock"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { languages } from "@/constants/languages"
 import { trpc } from "@/lib/trpc/client"
 import useDropdownStore from "@/stores/main-menu"
 
-import { ChevronDownSmallIcon, GlobeIcon } from "@/components/Icons"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
@@ -105,14 +106,14 @@ export default function LanguageSwitcher({ type }: LanguageSwitcherProps) {
         aria-label={isLanguageSwitcherOpen ? closeMsg : openMsg}
         onClick={handleClick}
       >
-        <GlobeIcon width={globeIconSize} height={globeIconSize} />
+        <MaterialIcon icon="globe" size={globeIconSize} />
         <Caption className={styles.buttonText} type="regular" asChild>
           <span>{languages[currentLanguage]}</span>
         </Caption>
-        <ChevronDownSmallIcon
+        <MaterialIcon
+          icon="keyboard_arrow_down"
           className={`${styles.chevron} ${isLanguageSwitcherOpen ? styles.isExpanded : ""}`}
-          width={20}
-          height={20}
+          size={20}
         />
       </button>