setup localization for twenty-emails (#9806)

One of the steps to address #8128 

How to test:
Please change the locale in the settings and click on change password
button. A password reset email in the preferred locale will be sent.


![image](https://github.com/user-attachments/assets/2b0c2f81-5c4d-4e49-b021-8ee76e7872f2)

![image](https://github.com/user-attachments/assets/0453e321-e5aa-42ea-beca-86e2e97dbee2)

Todo:
- Remove the hardcoded locales for invitation, warn suspended workspace
email, clean suspended workspace emails
- Need to test invitation, email verification, warn suspended workspace
email, clean suspended workspace emails
- The duration variable `5 minutes` is always in english. Do we need to
do something about that? It does seems odd in case of chinese
translations.

Notes:
- Only tested the password reset , password update notify templates.
- Cant test email verification due to error during sign up `Internal
server error: New workspace setup is disabled`

---------

Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-emails/src/emails/password-reset-link.email.tsx

@@ -1,25 +1,32 @@
+import { t } from '@lingui/core/macro';
+import { Trans } from '@lingui/react/macro';
 import { BaseEmail } from 'src/components/BaseEmail';
 import { CallToAction } from 'src/components/CallToAction';
 import { Link } from 'src/components/Link';
 import { MainText } from 'src/components/MainText';
 import { Title } from 'src/components/Title';
+import { APP_LOCALES } from 'twenty-shared';
 
 type PasswordResetLinkEmailProps = {
   duration: string;
   link: string;
+  locale: keyof typeof APP_LOCALES;
 };
 
 export const PasswordResetLinkEmail = ({
   duration,
   link,
+  locale,
 }: PasswordResetLinkEmailProps) => {
   return (
-    <BaseEmail>
-      <Title value="Reset your password 🗝" />
-      <CallToAction href={link} value="Reset" />
+    <BaseEmail locale={locale}>
+      <Title value={t`Reset your password 🗝`} />
+      <CallToAction href={link} value={t`Reset`} />
       <MainText>
-        This link is only valid for the next {duration}. If link does not work,
-        you can use the login verification link directly:
+        <Trans>
+          This link is only valid for the next {duration}. If the link does not
+          work, you can use the login verification link directly:
+        </Trans>
         <br />
         <Link href={link} value={link} />
       </MainText>