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/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx

@@ -6,11 +6,11 @@ import { useParams, useRouter } from "next/navigation"
 import { type ReactNode, useState, useTransition } from "react"
 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 ErrorCircleFilledIcon from "@/components/Icons/ErrorCircleFilled"
 import Link from "@/components/TempDesignSystem/Link"
 
 import { GenericError } from "../components/GenericError"
@@ -170,7 +170,12 @@ export default function OneTimePasswordForm({
       />
       {errorMessage && (
         <div className={styles["error-message"]}>
-          <ErrorCircleFilledIcon height={20} width={20} color="red" />
+          <MaterialIcon
+            icon="cancel"
+            isFilled
+            size={20}
+            color="Icon/Feedback/Error"
+          />
           <Typography variant="Body/Supporting text (caption)/smRegular">
             <p style={{ color: "var(--Scandic-Red-60)" }}>{errorMessage}</p>
           </Typography>