Merged in fix/SW-948-map-no-availability (pull request #961)

Fix/SW-948 map no availability

* fix(SW-948): add no availability message on hotel map

* fix(SW-948): add placeholder image for map


Approved-by: Niclas Edenvin

components/HotelReservation/HotelCardDialog/hotelCardDialog.module.css

@@ -48,7 +48,7 @@
 
 .content {
   width: 100%;
-  min-width: 201px;
+  min-width: 220px;
   padding: var(--Spacing-x-one-and-half);
   gap: var(--Spacing-x1);
   display: flex;
@@ -67,12 +67,32 @@
   gap: var(--Spacing-x-half);
 }
 
-.prices {
+.priceCard {
   border-radius: var(--Corner-radius-Medium);
   padding: var(--Spacing-x-half) var(--Spacing-x1);
   background: var(--Base-Surface-Secondary-light-Normal);
+}
+
+.prices {
   display: flex;
   flex-direction: column;
+  gap: var(--Spacing-x1);
+}
+
+.imagePlaceholder {
+  height: 100%;
+  width: 100%;
+  background-color: #fff;
+  background-image: linear-gradient(45deg, #000000 25%, transparent 25%),
+    linear-gradient(-45deg, #000000 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #000000 75%),
+    linear-gradient(-45deg, transparent 75%, #000000 75%);
+  background-size: 120px 120px;
+  background-position:
+    0 0,
+    0 60px,
+    60px -60px,
+    -60px 0;
 }
 
 .perNight {