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/SidePeeks/RoomSidePeek/bedIcon.ts

@@ -1,37 +1,29 @@
-import {
-  BedDoubleIcon,
-  BedSingleIcon,
-  KingBedSmallIcon,
-} from "@/components/Icons"
+import type { SymbolCodepoints } from "react-material-symbols"
 
-import type { FC } from "react"
-
-import type { IconProps } from "@/types/components/icon"
-
-export function getBedIcon(name: string): FC<IconProps> | null {
+export function getBedIconName(name: string): SymbolCodepoints {
   const iconMappings = [
     {
-      icon: BedDoubleIcon,
+      icon: "bed",
       texts: ["Queen"],
     },
     {
-      icon: KingBedSmallIcon,
+      icon: "king_bed",
       texts: ["King"],
     },
     {
-      icon: KingBedSmallIcon,
+      icon: "single_bed",
       texts: ["CustomOccupancy"],
     },
     {
-      icon: BedSingleIcon,
+      icon: "bed",
       texts: ["Twin"],
     },
     {
-      icon: BedSingleIcon,
+      icon: "single_bed",
       texts: ["Single"],
     },
   ]
 
   const icon = iconMappings.find((icon) => icon.texts.includes(name))
-  return icon ? icon.icon : BedSingleIcon
+  return icon ? (icon.icon as SymbolCodepoints) : "single_bed"
 }