Merged in fix/sas-english-copy (pull request #1695)

Update english copy for SAS related flows

* Update english copy for SAS related flows

* Add new copy to all languages

* Add use client directive to loading to use translations


Approved-by: Joakim Jäderberg

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/OneTimePasswordForm.tsx

@@ -125,11 +125,11 @@ export default function OneTimePasswordForm({
 
   const errorMessages: Record<OtpError, ReactNode> = {
     invalidCode: intl.formatMessage({
-      id: "The code you’ve entered is incorrect.",
+      id: "The code you've entered is incorrect.",
     }),
     expiredCode: intl.formatMessage(
       {
-        id: "The code you’ve entered have expired. <resendOtpLink>Resend code.</resendOtpLink>",
+        id: "This code has expired. <resendOtpLink>Send new code.</resendOtpLink>",
       },
       {
         resendOtpLink: getResendOtpLink,

apps/scandic-web/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/otp/loading.tsx

@@ -1,11 +1,25 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import LoadingSpinner from "@/components/LoadingSpinner"
 
 import { SASModal } from "../components/SASModal"
 
 export default function Loading() {
+  const intl = useIntl()
+
   return (
     <SASModal>
       <LoadingSpinner />
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          {intl.formatMessage({
+            id: "Hang tight...",
+          })}
+        </p>
+      </Typography>
     </SASModal>
   )
 }