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

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/AddToCalendarButton.tsx

@@ -15,7 +15,9 @@ export default function AddToCalendarButton({
   return (
     <Button intent="text" size="small" theme="base" wrapping onPress={onPress}>
       <MaterialIcon icon="calendar_add_on" color="CurrentColor" />
-      {intl.formatMessage({ id: "Add to calendar" })}
+      {intl.formatMessage({
+        defaultMessage: "Add to calendar",
+      })}
     </Button>
   )
 }

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/DownloadInvoice.tsx

@@ -26,7 +26,9 @@ export default function DownloadInvoice({ mainRef }: DownloadInvoiceProps) {
       wrapping
     >
       <MaterialIcon icon="download" color="CurrentColor" />
-      {intl.formatMessage({ id: "Download invoice" })}
+      {intl.formatMessage({
+        defaultMessage: "Download invoice",
+      })}
     </Button>
   )
 }

apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/Actions/ManageBooking.tsx

@@ -22,7 +22,9 @@ export default function ManageBooking({ bookingUrl }: ManageBookingProps) {
     >
       <Link color="none" href={bookingUrl} weight="bold">
         <MaterialIcon icon="edit_square" color="CurrentColor" />
-        {intl.formatMessage({ id: "Manage booking" })}
+        {intl.formatMessage({
+          defaultMessage: "Manage booking",
+        })}
       </Link>
     </Button>
   )

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

@@ -32,7 +32,8 @@ export default function Header({
 
   const text = intl.formatMessage(
     {
-      id: "Thank you for booking with us! We look forward to welcoming you and hope you have a pleasant stay. If you have any questions or need to make changes to your reservation, please <emailLink>contact us.</emailLink>",
+      defaultMessage:
+        "Thank you for booking with us! We look forward to welcoming you and hope you have a pleasant stay. If you have any questions or need to make changes to your reservation, please <emailLink>contact us.</emailLink>",
     },
     {
       emailLink: (str) => (
@@ -68,7 +69,9 @@ export default function Header({
     <header className={styles.header}>
       <hgroup className={styles.hgroup}>
         <Title as="h2" color="red" textTransform="uppercase" type="h2">
-          {intl.formatMessage({ id: "Booking confirmation" })}
+          {intl.formatMessage({
+            defaultMessage: "Booking confirmation",
+          })}
         </Title>
         <Title as="h2" color="burgundy" textTransform="uppercase" type="h1">
           {hotel.name}
@@ -76,7 +79,9 @@ export default function Header({
       </hgroup>
       <Subtitle color="uiTextHighContrast" type="two">
         {intl.formatMessage(
-          { id: "Booking number {value}" },
+          {
+            defaultMessage: "Booking number {value}",
+          },
           {
             value: booking.confirmationNumber,
           }