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/Header/MainMenu/MyPagesMenuContent/index.tsx

@@ -3,10 +3,11 @@
 import FocusLock from "react-focus-lock"
 import { useIntl } from "react-intl"
 
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
+
 import { logout } from "@/constants/routes/handleAuth"
 import { trpc } from "@/lib/trpc/client"
 
-import { ArrowRightIcon } from "@/components/Icons"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -100,7 +101,11 @@ function PrimaryLinks({
             className={styles.link}
           >
             {link.text}
-            <ArrowRightIcon className={styles.arrow} color="burgundy" />
+            <MaterialIcon
+              icon="arrow_forward"
+              className={styles.arrow}
+              color="CurrentColor"
+            />
           </Link>
         </li>
       ))}
@@ -130,7 +135,11 @@ function SecondaryLinks({
             className={styles.link}
           >
             {link.text}
-            <ArrowRightIcon className={styles.arrow} color="burgundy" />
+            <MaterialIcon
+              icon="arrow_forward"
+              className={styles.arrow}
+              color="Icon/Interactive/Default"
+            />
           </Link>
         </li>
       ))}