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/SAS/TransferPoints/TransferPointsForm.tsx

@@ -1,9 +1,8 @@
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getProfileSafely } from "@/lib/trpc/memoizedRequests"
 
-import ArrowFromIcon from "@/components/Icons/ArrowFrom"
-import ArrowToIcon from "@/components/Icons/ArrowTo"
 import Image from "@/components/Image"
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import { getIntl } from "@/i18n"
@@ -77,7 +76,7 @@ async function TransferPointsFormContent({
                 <Typography variant="Tag/sm">
                   <p>{intl.formatMessage({ id: "Transfer from" })}</p>
                 </Typography>
-                <ArrowFromIcon />
+                <MaterialIcon icon="upload" />
               </div>
               <Typography variant="Title/Subtitle/md">
                 <p>{intl.formatMessage({ id: "SAS EuroBonus" })}</p>
@@ -117,7 +116,7 @@ async function TransferPointsFormContent({
           <div className={styles.transferTo}>
             <div>
               <div className={styles.labelWithIcon}>
-                <ArrowToIcon />
+                <MaterialIcon icon="download" />
                 <Typography variant="Tag/sm">
                   <p>{intl.formatMessage({ id: "Transfer to" })}</p>
                 </Typography>

apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/TransferPointsFormClient.tsx

@@ -15,10 +15,10 @@ import {
 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 { SAS_TRANSFER_POINT_KEY } from "@/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/sasUtils"
-import SwipeIcon from "@/components/Icons/Swipe"
 import Image from "@/components/Image"
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
@@ -77,7 +77,7 @@ export function TransferPointsFormClient({
             <SliderFill />
             <SliderThumb className={styles.sliderThumb}>
               <SliderOutput className={styles.sliderOutput} />
-              <SwipeIcon color="white" />
+              <MaterialIcon icon="swipe" color="Icon/Inverted" />
             </SliderThumb>
           </SliderTrack>
         </Slider>