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

apps/scandic-web/components/HotelReservation/EnterDetails/Header/ToggleSidePeek.tsx

@@ -29,7 +29,9 @@ export default function ToggleSidePeek({
       wrapping
       className={styles.toggle}
     >
-      {intl.formatMessage({ id: "See hotel details" })}
+      {intl.formatMessage({
+        defaultMessage: "See hotel details",
+      })}
       <MaterialIcon icon="chevron_right" size={14} color="Icon/Inverted" />
     </Button>
   )

apps/scandic-web/components/HotelReservation/EnterDetails/Header/index.tsx

@@ -35,10 +35,13 @@ export default async function HotelHeader({
             </Title>
             <div className={styles.address}>
               <Caption color="white">{addressStr}</Caption>
+              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
               <Caption color="white">∙</Caption>
               <Caption color="white">
                 {intl.formatMessage(
-                  { id: "{number} km to city center" },
+                  {
+                    defaultMessage: "{number} km to city center",
+                  },
                   {
                     number: getSingleDecimal(
                       hotel.location.distanceToCentre / 1000