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

@@ -6,12 +6,12 @@ import { Dialog } from "react-aria-components"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { trpc } from "@/lib/trpc/client"
 import { type Room } from "@/stores/my-stay/myStayRoomDetailsStore"
 
-import { DiamondIcon, EditIcon } from "@/components/Icons"
 import MembershipLevelIcon from "@/components/Levels/Icon"
 import Modal from "@/components/Modal"
 import { ModalContentWithActions } from "@/components/Modal/ModalContentWithActions"
@@ -140,7 +140,7 @@ export default function GuestDetails({
           </div>
           <div className={styles.totalPoints}>
             <div className={styles.totalPointsText}>
-              <DiamondIcon color="uiTextHighContrast" />
+              <MaterialIcon icon="diamond" color="Icon/Intense" />
 
               <Typography variant="Title/Overline/sm">
                 <p>{intl.formatMessage({ id: "Total points" })}</p>
@@ -197,7 +197,11 @@ export default function GuestDetails({
           disabled={booking.isCancelled}
           size="small"
         >
-          <EditIcon color="burgundy" width={20} height={20} />
+          <MaterialIcon
+            icon="edit"
+            color="Icon/Interactive/Default"
+            size={20}
+          />
           <Typography variant="Body/Paragraph/mdRegular">
             <span>{intl.formatMessage({ id: "Modify guest details" })}</span>
           </Typography>
@@ -214,7 +218,11 @@ export default function GuestDetails({
             disabled={booking.isCancelled}
             size="small"
           >
-            <EditIcon color="burgundy" width={20} height={20} />
+            <MaterialIcon
+              icon="edit"
+              color="Icon/Interactive/Default"
+              size={20}
+            />
             <Typography variant="Body/Paragraph/mdRegular">
               <span>{intl.formatMessage({ id: "Modify guest details" })}</span>
             </Typography>