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/Carousel/CarouselNavigation.tsx

@@ -3,7 +3,7 @@
 import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 
-import { ArrowRightIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 
 import { useCarousel } from "./CarouselContext"
 
@@ -25,7 +25,7 @@ export function CarouselPrevious({ className, ...props }: CarouselButtonProps) {
       aria-label={intl.formatMessage({ id: "Previous slide" })}
       {...props}
     >
-      <ArrowRightIcon color="burgundy" className={styles.prevIcon} />
+      <MaterialIcon color="Icon/Interactive/Default" icon="arrow_back" />
     </button>
   )
 }
@@ -44,7 +44,7 @@ export function CarouselNext({ className, ...props }: CarouselButtonProps) {
       aria-label={intl.formatMessage({ id: "Next slide" })}
       {...props}
     >
-      <ArrowRightIcon color="burgundy" />
+      <MaterialIcon color="Icon/Interactive/Default" icon="arrow_forward" />
     </button>
   )
 }