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/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx

@@ -1,6 +1,10 @@
+import {
+  MaterialIcon,
+  type MaterialIconSetIconProps,
+} from "@scandic-hotels/design-system/Icons"
+
 import { serverClient } from "@/lib/trpc/server"
 
-import { EmailIcon, PhoneIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
@@ -27,9 +31,13 @@ export default async function ContactRow({ contact }: ContactRowProps) {
 
   let Icon = null
   if (contact.contact_field.includes("email")) {
-    Icon = EmailIcon
+    Icon = function (props: MaterialIconSetIconProps) {
+      return <MaterialIcon icon="mail" {...props} />
+    }
   } else if (contact.contact_field.includes("phone")) {
-    Icon = PhoneIcon
+    Icon = function (props: MaterialIconSetIconProps) {
+      return <MaterialIcon icon="phone" {...props} />
+    }
   }
 
   let openableLink = val
@@ -51,7 +59,7 @@ export default async function ContactRow({ contact }: ContactRowProps) {
         color="burgundy"
         size="small"
       >
-        {Icon ? <Icon width="20" height="20" color="burgundy" /> : null}
+        {Icon ? <Icon size={20} color="Icon/Interactive/Default" /> : null}
         {val}
       </Link>
       {footnote && <Footnote color="burgundy">{footnote}</Footnote>}