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

apps/scandic-web/components/HotelReservation/EnterDetails/Summary/Mobile/BottomSheet/index.tsx

@@ -55,7 +55,11 @@ export default function SummaryBottomSheet({ children }: PropsWithChildren) {
           onClick={toggleSummaryOpen}
           className={styles.priceDetailsButton}
         >
-          <Caption>{intl.formatMessage({ id: "Total price" })}</Caption>
+          <Caption>
+            {intl.formatMessage({
+              defaultMessage: "Total price",
+            })}
+          </Caption>
           <Subtitle>
             {formatPrice(
               intl,
@@ -66,7 +70,9 @@ export default function SummaryBottomSheet({ children }: PropsWithChildren) {
             )}
           </Subtitle>
           <Caption color="baseTextHighContrast" type="underline">
-            {intl.formatMessage({ id: "See details" })}
+            {intl.formatMessage({
+              defaultMessage: "See details",
+            })}
           </Caption>
         </button>
         <Button
@@ -77,7 +83,9 @@ export default function SummaryBottomSheet({ children }: PropsWithChildren) {
           disabled={isSubmittingDisabled}
           form={formId}
         >
-          {intl.formatMessage({ id: "Complete booking" })}
+          {intl.formatMessage({
+            defaultMessage: "Complete booking",
+          })}
         </Button>
       </div>
     </div>