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

apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/RemoveButton.tsx

@@ -27,16 +27,24 @@ export default function RemoveButton({
   return (
     <Dialog
       bodyText={intl.formatMessage({
-        id: "Are you sure you want to remove this product?",
+        defaultMessage: "Are you sure you want to remove this product?",
+      })}
+      proceedText={intl.formatMessage({
+        defaultMessage: "Remove",
       })}
-      proceedText={intl.formatMessage({ id: "Remove" })}
       proceedIsPending={removePackage.isPending}
-      cancelButtonText={intl.formatMessage({ id: "Cancel" })}
-      titleText={`${intl.formatMessage({ id: "Remove" })} ${title}`}
+      cancelButtonText={intl.formatMessage({
+        defaultMessage: "Cancel",
+      })}
+      titleText={`${intl.formatMessage({
+        defaultMessage: "Remove",
+      })} ${title}`}
       trigger={
         <Button intent="text" size="small" variant="icon" theme="base">
           <MaterialIcon icon="delete" color="CurrentColor" />
-          {intl.formatMessage({ id: "Remove" })}
+          {intl.formatMessage({
+            defaultMessage: "Remove",
+          })}
         </Button>
       }
       proceedOnClick={(close) => {
@@ -56,7 +64,11 @@ export default function RemoveButton({
               onSuccess()
             },
             onError: () => {
-              toast.error(intl.formatMessage({ id: "Something went wrong!" }))
+              toast.error(
+                intl.formatMessage({
+                  defaultMessage: "Something went wrong!",
+                })
+              )
             },
           }
         )