fix(i18n): prepare for Lokalise

components/HotelReservation/EnterDetails/Details/JoinScandicFriendsCard/index.tsx

@@ -89,10 +89,10 @@ export default function JoinScandicFriendsCard({
         <Footnote color="uiTextPlaceholder">
           {intl.formatMessage<React.ReactNode>(
             {
-              id: "signup.terms",
+              id: "By signing up you accept the Scandic Friends <termsAndConditionsLink>Terms and Conditions</termsAndConditionsLink>. Your membership is valid until further notice, and you can terminate your membership at any time by sending an email to Scandic's customer service",
             },
             {
-              termsLink: (str) => (
+              termsAndConditionsLink: (str) => (
                 <Link
                   variant="default"
                   textDecoration="underline"

components/HotelReservation/EnterDetails/Details/MemberPriceModal/index.tsx

@@ -57,7 +57,7 @@ export default function MemberPriceModal({
           )}
         </div>
         <Button intent="primary" theme="base" onClick={() => setIsOpen(false)}>
-          OK
+          {intl.formatMessage({ id: "OK" })}
         </Button>
       </div>
     </Modal>

components/HotelReservation/EnterDetails/Details/Signup/index.tsx

@@ -12,7 +12,6 @@ import useLang from "@/hooks/useLang"
 import styles from "./signup.module.css"
 
 export default function Signup({ name }: { name: string }) {
-  const lang = useLang()
   const intl = useIntl()
 
   const [isJoinChecked, setIsJoinChecked] = useState(false)
@@ -35,7 +34,9 @@ export default function Signup({ name }: { name: string }) {
       <div className={styles.dateField}>
         <header>
           <Caption type="bold">
-            {intl.formatMessage({ id: "Birth date" })} *
+            <span className={styles.required}>
+              {intl.formatMessage({ id: "Birth date" })}
+            </span>
           </Caption>
         </header>
         <DateSelect name="dateOfBirth" registerOptions={{ required: true }} />

components/HotelReservation/EnterDetails/Details/Signup/signup.module.css

@@ -13,3 +13,7 @@
   display: grid;
   gap: var(--Spacing-x1);
 }
+
+.required:after {
+  content: " *";
+}