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

@@ -1,4 +1,5 @@
-import { ChevronRightIcon, HouseIcon } from "@/components/Icons"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import SkeletonShimmer from "@/components/SkeletonShimmer"
 import styles from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
@@ -9,13 +10,13 @@ export default function BreadcrumbsSkeleton() {
       <ul className={styles.list}>
         <li className={styles.listItem}>
           <span className={styles.homeLink} color="peach80">
-            <HouseIcon color="peach80" />
+            <MaterialIcon icon="home" color="Icon/Interactive/Secondary" />
           </span>
-          <ChevronRightIcon
+          <MaterialIcon
+            icon="chevron_right"
             aria-hidden="true"
-            color="peach80"
-            height={20}
-            width={20}
+            color="Icon/Interactive/Secondary"
+            size={20}
           />
         </li>
 

apps/scandic-web/components/TempDesignSystem/Breadcrumbs/index.tsx

@@ -1,5 +1,5 @@
-import { HouseIcon } from "@/components/Icons"
-import ChevronRightSmallIcon from "@/components/Icons/ChevronRightSmall"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import Link from "@/components/TempDesignSystem/Link"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 
@@ -34,9 +34,14 @@ export default function Breadcrumbs({
               variant="breadcrumb"
               aria-label={homeBreadcrumb.title}
             >
-              <HouseIcon width={16} height={16} color="peach80" />
+              <MaterialIcon icon="home" size={16} color="CurrentColor" />
             </Link>
-            <ChevronRightSmallIcon aria-hidden="true" color="peach80" />
+            <MaterialIcon
+              icon="chevron_right"
+              size={20}
+              aria-hidden="true"
+              color="Icon/Interactive/Secondary"
+            />
           </li>
         ) : null}
 
@@ -51,7 +56,12 @@ export default function Breadcrumbs({
                 >
                   {breadcrumb.title}
                 </Link>
-                <ChevronRightSmallIcon aria-hidden="true" color="peach80" />
+                <MaterialIcon
+                  icon="chevron_right"
+                  size={20}
+                  aria-hidden="true"
+                  color="Icon/Interactive/Secondary"
+                />
               </li>
             )
           }