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/HotelReservation/MyStay/ReferenceCard/index.tsx

@@ -3,6 +3,10 @@
 import { useEffect } from "react"
 import { useIntl } from "react-intl"
 
+import {
+  Discount22Icon,
+  MaterialIcon,
+} from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { BookingStatusEnum } from "@/constants/booking"
@@ -10,7 +14,6 @@ import { dt } from "@/lib/dt"
 import { useMyStayRoomDetailsStore } from "@/stores/my-stay/myStayRoomDetailsStore"
 import { useMyStayTotalPriceStore } from "@/stores/my-stay/myStayTotalPrice"
 
-import { BookingCodeIcon, CheckCircleIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import IconChip from "@/components/TempDesignSystem/IconChip"
@@ -244,7 +247,11 @@ export function ReferenceCard({
       {booking.guaranteeInfo && !allRoomsCancelled && (
         <>
           <div className={styles.guaranteed}>
-            <CheckCircleIcon color="green" height={20} width={20} />
+            <MaterialIcon
+              icon="check_circle"
+              color="Icon/Feedback/Success"
+              size={20}
+            />
             <Typography variant="Body/Supporting text (caption)/smRegular">
               <p className={styles.guaranteedText}>
                 <strong>
@@ -271,7 +278,10 @@ export function ReferenceCard({
           <Typography variant="Title/Overline/sm">
             <p>{intl.formatMessage({ id: "Booking code" })}</p>
           </Typography>
-          <IconChip color={"blue"} icon={<BookingCodeIcon color="blue" />}>
+          <IconChip
+            color="blue"
+            icon={<Discount22Icon color="Icon/Feedback/Information" />}
+          >
             <Typography variant="Body/Supporting text (caption)/smBold">
               <p className={styles.bookingCode}>
                 <strong>{intl.formatMessage({ id: "Booking code" })}</strong>:{" "}
@@ -281,7 +291,6 @@ export function ReferenceCard({
           </IconChip>
         </div>
       )}
-
       <div className={styles.actionArea}>
         <ManageStay
           hotel={hotel}