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

apps/scandic-web/components/HotelReservation/MyStay/ManageStay/ActionPanel/index.tsx

@@ -139,7 +139,9 @@ export default function ActionPanel({ hotel }: ActionPanelProps) {
           className={styles.button}
           disabled={!isDateModifyable}
         >
-          {intl.formatMessage({ id: "Modify dates" })}
+          {intl.formatMessage({
+            defaultMessage: "Modify dates",
+          })}
           <MaterialIcon icon="calendar_month" color="CurrentColor" />
         </Button>
 
@@ -150,7 +152,9 @@ export default function ActionPanel({ hotel }: ActionPanelProps) {
           className={styles.button}
           disabled={!isGuaranteeable}
         >
-          {intl.formatMessage({ id: "Guarantee late arrival" })}
+          {intl.formatMessage({
+            defaultMessage: "Guarantee late arrival",
+          })}
           <MaterialIcon icon="credit_card" color="CurrentColor" />
         </Button>
 
@@ -173,13 +177,19 @@ export default function ActionPanel({ hotel }: ActionPanelProps) {
             className={styles.actionLink}
             onClick={handleDownloadInvoice}
           >
-            {intl.formatMessage({ id: "Download invoice" })}
+            {intl.formatMessage({
+              defaultMessage: "Download invoice",
+            })}
             <MaterialIcon icon="download" color="CurrentColor" />
           </Link>
         ) : (
           <div className={styles.disabledLink}>
             <Typography variant="Body/Paragraph/mdBold">
-              <p>{intl.formatMessage({ id: "Download invoice" })}</p>
+              <p>
+                {intl.formatMessage({
+                  defaultMessage: "Download invoice",
+                })}
+              </p>
             </Typography>
 
             <MaterialIcon icon="download" color="CurrentColor" />
@@ -193,14 +203,18 @@ export default function ActionPanel({ hotel }: ActionPanelProps) {
           className={styles.button}
           disabled={!isCancelable}
         >
-          {intl.formatMessage({ id: "Cancel stay" })}
+          {intl.formatMessage({
+            defaultMessage: "Cancel stay",
+          })}
           <MaterialIcon icon="cancel" color="CurrentColor" />
         </Button>
       </div>
       <div className={styles.info}>
         <div>
           <span className={styles.tag}>
-            {intl.formatMessage({ id: "Reference number" })}
+            {intl.formatMessage({
+              defaultMessage: "Reference number",
+            })}
           </span>
           <Subtitle color="burgundy" textAlign="right">
             {confirmationNumber}
@@ -229,7 +243,9 @@ export default function ActionPanel({ hotel }: ActionPanelProps) {
           onClick={handleCustomerSupport}
         >
           <Caption color="burgundy">
-            {intl.formatMessage({ id: "Customer support" })}
+            {intl.formatMessage({
+              defaultMessage: "Customer support",
+            })}
           </Caption>
           <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
         </Link>