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

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/SelectedRoomPanel/index.tsx

@@ -47,11 +47,21 @@ export default function SelectedRoomPanel() {
     )
   )?.images
 
-  const freeCancelation = intl.formatMessage({ id: "Free cancellation" })
-  const nonRefundable = intl.formatMessage({ id: "Non-refundable" })
-  const freeBooking = intl.formatMessage({ id: "Free rebooking" })
-  const payLater = intl.formatMessage({ id: "Pay later" })
-  const payNow = intl.formatMessage({ id: "Pay now" })
+  const freeCancelation = intl.formatMessage({
+    defaultMessage: "Free cancellation",
+  })
+  const nonRefundable = intl.formatMessage({
+    defaultMessage: "Non-refundable",
+  })
+  const freeBooking = intl.formatMessage({
+    defaultMessage: "Free rebooking",
+  })
+  const payLater = intl.formatMessage({
+    defaultMessage: "Pay later",
+  })
+  const payNow = intl.formatMessage({
+    defaultMessage: "Pay now",
+  })
 
   function getRateTitle(rate: RateEnum) {
     switch (rate) {
@@ -75,7 +85,9 @@ export default function SelectedRoomPanel() {
   )
   const selectedPackagesPricePerNight = selectedPackagesPrice / nights
 
-  const night = intl.formatMessage({ id: "night" })
+  const night = intl.formatMessage({
+    defaultMessage: "night",
+  })
   let selectedProduct
   if (
     isUserLoggedIn &&
@@ -112,7 +124,9 @@ export default function SelectedRoomPanel() {
       <div className={styles.content}>
         <Caption color="uiTextHighContrast">
           {intl.formatMessage(
-            { id: "Room {roomIndex}" },
+            {
+              defaultMessage: "Room {roomIndex}",
+            },
             { roomIndex: roomNr }
           )}
         </Caption>
@@ -139,7 +153,9 @@ export default function SelectedRoomPanel() {
             <Button clean onClick={modifyRate}>
               <Chip size="small" variant="uiTextHighContrast">
                 <MaterialIcon icon="edit_square" />
-                {intl.formatMessage({ id: "Modify" })}
+                {intl.formatMessage({
+                  defaultMessage: "Modify",
+                })}
               </Chip>
             </Button>
           </div>

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/index.tsx

@@ -29,18 +29,22 @@ export default function MultiRoomWrapper({
   } = useRoomContext()
 
   const roomMsg = intl.formatMessage(
-    { id: "Room {roomIndex}" },
+    {
+      defaultMessage: "Room {roomIndex}",
+    },
     { roomIndex: roomNr }
   )
 
   const adultsMsg = intl.formatMessage(
-    { id: "{adults, plural, one {# adult} other {# adults}}" },
+    {
+      defaultMessage: "{adults, plural, one {# adult} other {# adults}}",
+    },
     { adults: bookingRoom.adults }
   )
 
   const childrenMsg = intl.formatMessage(
     {
-      id: "{children, plural, one {# child} other {# children}}",
+      defaultMessage: "{children, plural, one {# child} other {# children}}",
     },
     {
       children: bookingRoom.childrenInRoom?.length,
@@ -93,7 +97,9 @@ export default function MultiRoomWrapper({
               theme="base"
               variant="icon"
             >
-              {intl.formatMessage({ id: "Close" })}
+              {intl.formatMessage({
+                defaultMessage: "Close",
+              })}
               <MaterialIcon
                 icon="keyboard_arrow_up"
                 size={20}