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/HotelReservation/HotelCardDialog/ListingHotelCardDialog/index.tsx

@@ -4,7 +4,7 @@ import { useIntl } from "react-intl"
 
 import { selectRate } from "@/constants/routes/hotelReservation"
 
-import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
+import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -68,12 +68,16 @@ export default function ListingHotelCardDialog({
           </div>
           <div className={styles.facilities}>
             {amenities.map((facility) => {
-              const IconComponent = mapFacilityToIcon(facility.id)
+              const Icon = (
+                <FacilityToIcon
+                  id={facility.id}
+                  size={20}
+                  color="Icon/Default"
+                />
+              )
               return (
                 <div className={styles.facilitiesItem} key={facility.id}>
-                  {IconComponent && (
-                    <IconComponent width={20} height={20} color="grey80" />
-                  )}
+                  {Icon && Icon}
                   <Caption color="uiTextMediumContrast">
                     {facility.name}
                   </Caption>