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

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

@@ -31,15 +31,21 @@ export default function BookingCodeFilter() {
 
   const bookingCodeFilterItems = [
     {
-      label: intl.formatMessage({ id: "Discounted rooms" }),
+      label: intl.formatMessage({
+        defaultMessage: "Discounted rooms",
+      }),
       value: BookingCodeFilterEnum.Discounted,
     },
     {
-      label: intl.formatMessage({ id: "Full-priced rooms" }),
+      label: intl.formatMessage({
+        defaultMessage: "Full-priced rooms",
+      }),
       value: BookingCodeFilterEnum.Regular,
     },
     {
-      label: intl.formatMessage({ id: "All rooms" }),
+      label: intl.formatMessage({
+        defaultMessage: "All rooms",
+      }),
       value: BookingCodeFilterEnum.All,
     },
   ]
@@ -88,7 +94,9 @@ export default function BookingCodeFilter() {
   return (
     <div className={styles.bookingCodeFilter}>
       <Select
-        aria-label={intl.formatMessage({ id: "Booking Code filter" })}
+        aria-label={intl.formatMessage({
+          defaultMessage: "Booking Code filter",
+        })}
         className={styles.bookingCodeFilterSelect}
         name="bookingCodeFilter"
         onSelect={handleChangeFilter}

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/Checkboxes/PetRoomMessage/index.tsx

@@ -19,7 +19,8 @@ export default function PetRoomMessage() {
       <p className={styles.additionalInformation}>
         {intl.formatMessage(
           {
-            id: "Pet-friendly rooms include a charge of approx. <b>{price}/stay</b>",
+            defaultMessage:
+              "Pet-friendly rooms include a charge of approx. <b>{price}/stay</b>",
           },
           {
             b: (str) => (

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/Form/index.tsx

@@ -82,12 +82,16 @@ export default function Form({ close }: { close: VoidFunction }) {
                 size="Small"
                 variant="Text"
               >
-                {intl.formatMessage({ id: "Clear" })}
+                {intl.formatMessage({
+                  defaultMessage: "Clear",
+                })}
               </Button>
             </Typography>
             <Typography variant="Body/Supporting text (caption)/smBold">
               <Button variant="Tertiary" size="Small" type="submit">
-                {intl.formatMessage({ id: "Apply" })}
+                {intl.formatMessage({
+                  defaultMessage: "Apply",
+                })}
               </Button>
             </Typography>
           </div>

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

@@ -83,7 +83,9 @@ export default function RoomPackageFilter() {
       ))}
       <DialogTrigger isOpen={isOpen} onOpenChange={setIsOpen}>
         <ChipButton variant="Outlined">
-          {intl.formatMessage({ id: "Room preferences" })}
+          {intl.formatMessage({
+            defaultMessage: "Room preferences",
+          })}
           <MaterialIcon
             icon="keyboard_arrow_down"
             size={20}

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

@@ -22,7 +22,8 @@ export default function RoomsHeader() {
 
   const notAllRoomsAvailableText = intl.formatMessage(
     {
-      id: "{availableRooms}/{numberOfRooms, plural, one {# room type} other {# room types}} available",
+      defaultMessage:
+        "{availableRooms}/{numberOfRooms, plural, one {# room type} other {# room types}} available",
     },
     {
       availableRooms,
@@ -32,7 +33,8 @@ export default function RoomsHeader() {
 
   const allRoomsAvailableText = intl.formatMessage(
     {
-      id: "{numberOfRooms, plural, one {# room type} other {# room types}} available",
+      defaultMessage:
+        "{numberOfRooms, plural, one {# room type} other {# room types}} available",
     },
     {
       numberOfRooms: totalRooms,