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

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,
           }