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

@@ -2,11 +2,11 @@
 import React from "react"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { dt } from "@/lib/dt"
 import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
-import { PriceTagIcon } from "@/components/Icons"
-import ChevronRightSmallIcon from "@/components/Icons/ChevronRightSmall"
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -106,7 +106,7 @@ export default function PriceDetailsModal() {
           <Caption color="burgundy">
             {intl.formatMessage({ id: "Price details" })}
           </Caption>
-          <ChevronRightSmallIcon color="burgundy" height="20px" width="20px" />
+          <MaterialIcon icon="chevron_right" color="CurrentColor" size={20} />
         </Button>
       }
     >
@@ -220,7 +220,7 @@ export default function PriceDetailsModal() {
           {bookingCode && (
             <tr className={styles.row}>
               <td>
-                <PriceTagIcon />
+                <MaterialIcon icon="sell" />
                 {bookingCode}
               </td>
               <td></td>