feat(SW-325): added pois to the list and dynamic map

components/Maps/Markers/Poi/poi.module.css

@@ -0,0 +1,52 @@
+/* 2024-09-18: At the moment, the background-colors for the poi marker is unknown.
+This will be handled later. */
+
+.icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--Spacing-x-half);
+  border-radius: var(--Corner-radius-Rounded);
+  background-color: var(--Scandic-Beige-90);
+}
+.airport,
+.amusementPark,
+.busTerminal,
+.fair,
+.hospital,
+.hotel,
+.marketingCity {
+}
+
+.museum {
+  background: var(--Base-Interactive-Surface-Secondary-normal);
+}
+.nearbyCompanies,
+.parkingGarage {
+}
+
+.restaurant {
+  background: var(--Scandic-Peach-50);
+}
+
+.shopping {
+  background: var(--Base-Interactive-Surface-Primary-normal);
+}
+.sports,
+.theatre {
+}
+
+.tourist {
+  background: var(--Scandic-Yellow-60);
+}
+
+.transportations {
+  background: var(--Base-Interactive-Surface-Tertiary-normal);
+}
+.zoo {
+}
+
+.icon.transparent {
+  background: transparent;
+  padding: 0;
+}