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/Forms/BookingWidget/FormContent/BookingCode/index.tsx

@@ -4,9 +4,10 @@ import { type FieldError, useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { REDEMPTION } from "@/constants/booking"
 
-import { ErrorCircleIcon, InfoCircleIcon } from "@/components/Icons"
 import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
@@ -212,7 +213,11 @@ function CodeRulesModal() {
     <Modal
       trigger={
         <Button intent="text">
-          <InfoCircleIcon color="uiTextPlaceholder" height={20} width={20} />
+          <MaterialIcon
+            icon="info"
+            color="Icon/Interactive/Placeholder"
+            size={20}
+          />
         </Button>
       }
       title={codeVoucher}
@@ -257,8 +262,11 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
   return (
     <div className={styles.errorContainer}>
       <Caption color={isInvalidErr ? "red" : "blue"} className={styles.error}>
-        <ErrorCircleIcon
-          color={isInvalidErr ? "red" : "blue"}
+        <MaterialIcon
+          icon="error"
+          color={
+            isInvalidErr ? "Icon/Feedback/Information" : "Icon/Feedback/Error"
+          }
           className={styles.errorIcon}
         />
         {intl.formatMessage({ id: codeError.message })}