feat(SW-706): make eslint rule 'formatjs/no-literal-string-in-jsx' pass

apps/scandic-web/components/Maps/InteractiveMap/HotelListingMapContent/index.tsx

@@ -101,7 +101,9 @@ function HotelListingMapContent({ hotelPins }: HotelListingMapContentProps) {
                   {/* TODO: Handle when no price is available */}
                   {hotelPrice
                     ? formatPrice(intl, hotelPrice, pin.currency)
-                    : intl.formatMessage({ id: "N/A" })}
+                    : intl.formatMessage({
+                        defaultMessage: "N/A",
+                      })}
                 </span>
               </Body>
             </span>

apps/scandic-web/components/Maps/InteractiveMap/HotelMapContent/index.tsx

@@ -56,7 +56,9 @@ export default function HotelMapContent({
                 <Caption asChild>
                   <span>
                     {intl.formatMessage(
-                      { id: "{distanceInKm} km" },
+                      {
+                        defaultMessage: "{distanceInKm} km",
+                      },
                       {
                         distanceInKm: poi.distance,
                       }

apps/scandic-web/components/Maps/InteractiveMap/index.tsx

@@ -85,7 +85,9 @@ export default function InteractiveMap({
             size="small"
             className={styles.zoomButton}
             onClick={zoomOut}
-            aria-label={intl.formatMessage({ id: "Zoom in" })}
+            aria-label={intl.formatMessage({
+              defaultMessage: "Zoom in",
+            })}
           >
             <MaterialIcon icon="remove" color="CurrentColor" size={20} />
           </Button>
@@ -96,7 +98,9 @@ export default function InteractiveMap({
             size="small"
             className={styles.zoomButton}
             onClick={zoomIn}
-            aria-label={intl.formatMessage({ id: "Zoom out" })}
+            aria-label={intl.formatMessage({
+              defaultMessage: "Zoom out",
+            })}
           >
             <MaterialIcon icon="add" color="CurrentColor" size={20} />
           </Button>