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/Blocks/DynamicContent/Stays/ShowMoreButton/index.tsx

@@ -2,7 +2,8 @@
 
 import { useIntl } from "react-intl"
 
-import { ChevronDownIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Button from "@/components/TempDesignSystem/Button"
 
 import styles from "./button.module.css"
@@ -24,7 +25,11 @@ export default function ShowMoreButton({
         theme="base"
         intent="text"
       >
-        <ChevronDownIcon width={20} height={20} />
+        <MaterialIcon
+          icon="keyboard_arrow_down"
+          size={20}
+          color="CurrentColor"
+        />
         {intl.formatMessage({ id: "Show more" })}
       </Button>
     </div>

apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/index.tsx

@@ -1,7 +1,8 @@
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { homeHrefs } from "@/constants/homeHrefs"
 import { env } from "@/env/server"
 
-import { ArrowRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
@@ -33,7 +34,7 @@ export default async function EmptyUpcomingStaysBlock() {
         color="peach80"
       >
         {intl.formatMessage({ id: "Get inspired" })}
-        <ArrowRightIcon color="peach80" />
+        <MaterialIcon icon="arrow_forward" color="CurrentColor" />
       </Link>
     </section>
   )

apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/index.tsx

@@ -2,9 +2,10 @@
 
 import { useState } from "react"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { dt } from "@/lib/dt"
 
-import { CalendarIcon } from "@/components/Icons"
 import Image from "@/components/Image"
 import LoadingSpinner from "@/components/LoadingSpinner"
 import Link from "@/components/TempDesignSystem/Link"
@@ -51,7 +52,10 @@ export default function StayCard({ stay }: StayCardProps) {
             {hotelInformation.hotelName}
           </Title>
           <div className={styles.date}>
-            <CalendarIcon color="burgundy" height={24} width={24} />
+            <MaterialIcon
+              icon="calendar_month"
+              color="Icon/Interactive/Default"
+            />
             <Caption asChild>
               <time dateTime={arrivalDateTime}>{arrivalDate}</time>
             </Caption>

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/index.tsx

@@ -1,7 +1,8 @@
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { homeHrefs } from "@/constants/homeHrefs"
 import { env } from "@/env/server"
 
-import { ArrowRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
@@ -33,7 +34,8 @@ export default async function EmptyUpcomingStaysBlock() {
         color="peach80"
       >
         {intl.formatMessage({ id: "Get inspired" })}
-        <ArrowRightIcon color="peach80" />
+
+        <MaterialIcon color="CurrentColor" icon="arrow_forward" />
       </Link>
     </section>
   )