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/TempDesignSystem/Form/Input/index.tsx

@@ -3,7 +3,8 @@ import { Text, TextField } from "react-aria-components"
 import { Controller, useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { CheckIcon, InfoCircleIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import AriaInputWithLabel from "@/components/TempDesignSystem/Form/Input/AriaInputWithLabel"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
@@ -69,14 +70,14 @@ export default function Input({
           {helpText && !fieldState.error ? (
             <Caption asChild color="black">
               <Text className={styles.helpText} slot="description">
-                <CheckIcon height={20} width={30} />
+                <MaterialIcon icon="check" size={20} />
                 {helpText}
               </Text>
             </Caption>
           ) : null}
           {fieldState.error && !hideError ? (
             <Caption className={styles.error} fontOnly>
-              <InfoCircleIcon color="red" />
+              <MaterialIcon icon="info" color="Icon/Interactive/Accent" />
               {intl.formatMessage({ id: fieldState.error.message })}
             </Caption>
           ) : null}