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-front/src/pages/settings/profile/appearance/components/LocalePicker.tsx

@@ -51,7 +51,7 @@ export const LocalePicker = () => {
 
   if (!isDefined(currentWorkspaceMember)) return;
 
-  const handleLocaleChange = async (value: string) => {
+  const handleLocaleChange = async (value: keyof typeof APP_LOCALES) => {
     setCurrentWorkspaceMember({
       ...currentWorkspaceMember,
       ...{ locale: value },
@@ -126,7 +126,9 @@ export const LocalePicker = () => {
         fullWidth
         value={i18n.locale}
         options={localeOptions}
-        onChange={(value) => handleLocaleChange(value)}
+        onChange={(value) =>
+          handleLocaleChange(value as keyof typeof APP_LOCALES)
+        }
       />
     </StyledContainer>
   );