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/BookingConfirmation/Receipt/Room/index.tsx

@@ -2,10 +2,11 @@
 
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { CancellationRuleEnum, ChildBedTypeEnum } from "@/constants/booking"
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
-import { CheckIcon, InfoCircleIcon } from "@/components/Icons"
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
@@ -77,7 +78,7 @@ export default function ReceiptRoom({
                 variant="icon"
               >
                 {intl.formatMessage({ id: "Reservation policy" })}
-                <InfoCircleIcon color="peach80" />
+                <MaterialIcon icon="info" color="CurrentColor" />
               </Link>
             </Button>
           }
@@ -96,12 +97,12 @@ export default function ReceiptRoom({
                 color="uiTextHighContrast"
                 className={styles.termsText}
               >
-                <CheckIcon
-                  color="uiSemanticSuccess"
-                  width={20}
-                  height={20}
+                <MaterialIcon
+                  icon="check"
+                  color="Icon/Feedback/Success"
+                  size={20}
                   className={styles.termsIcon}
-                ></CheckIcon>
+                />
                 {info}
               </Body>
             ))}