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

@@ -1,13 +1,16 @@
 import { cx } from "class-variance-authority"
 import { type ReactNode, Suspense } from "react"
 
+import {
+  DiamondAddIcon,
+  MaterialIcon,
+} from "@scandic-hotels/design-system/Icons"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { TIER_TO_FRIEND_MAP } from "@/constants/membershipLevels"
 import { env } from "@/env/server"
 import { getProfile } from "@/lib/trpc/memoizedRequests"
 
-import { DiamondIcon, InfoCircleIcon, LinkIcon } from "@/components/Icons"
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
@@ -56,7 +59,7 @@ export default async function SASLinkedAccount({
       <div className={styles.mutationSection}>
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <p className={styles.caption}>
-            <InfoCircleIcon height={20} width={20} />
+            <MaterialIcon icon="info" size={20} />
             {intl.formatMessage({
               id: "Changes in tier match can take up to 24 hours to be displayed.",
             })}
@@ -207,13 +210,9 @@ async function TierMatchMessage({
   }
 
   const iconMap: Record<MatchState, ReactNode> = {
-    boostedBySAS: (
-      <DiamondIcon height={20} width={20} color="uiTextMediumContrast" />
-    ),
-    boostedByScandic: (
-      <DiamondIcon height={20} width={20} color="uiTextMediumContrast" />
-    ),
-    noBoost: <LinkIcon height={20} width={20} color="uiTextMediumContrast" />,
+    boostedBySAS: <DiamondAddIcon size={20} />,
+    boostedByScandic: <DiamondAddIcon size={20} />,
+    noBoost: <MaterialIcon icon="link" size={20} />,
   }
 
   return (