Add missing translations (#10414)

As per title, add ~200 missing translations in different places of app.
Most places are now available for translation with AI but still some
aren't available - some enums (like in MenuItemSelectColor.tsx) or
values in complex types (like in
SettingsNonCompositeFieldTypeConfigs.ts) or values where are injected
some variables (like in SettingsDataModelFieldNumberForm.tsx)

---------

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

packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminContent.tsx

@@ -4,6 +4,7 @@ import { SETTINGS_ADMIN_TABS_ID } from '@/settings/admin-panel/constants/Setting
 import { TabList } from '@/ui/layout/tab/components/TabList';
 import styled from '@emotion/styled';
 import { IconHeart, IconSettings2, IconVariable } from 'twenty-ui';
+import { t } from '@lingui/core/macro';
 
 const StyledTabListContainer = styled.div`
   align-items: center;
@@ -17,17 +18,17 @@ export const SettingsAdminContent = () => {
   const tabs = [
     {
       id: SETTINGS_ADMIN_TABS.GENERAL,
-      title: 'General',
+      title: t`General`,
       Icon: IconSettings2,
     },
     {
       id: SETTINGS_ADMIN_TABS.ENV_VARIABLES,
-      title: 'Env Variables',
+      title: t`Env Variables`,
       Icon: IconVariable,
     },
     {
       id: SETTINGS_ADMIN_TABS.HEALTH_STATUS,
-      title: 'Health Status',
+      title: t`Health Status`,
       Icon: IconHeart,
     },
   ];

packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminGeneral.tsx

@@ -24,6 +24,7 @@ import {
 } from 'twenty-ui';
 import { REACT_APP_SERVER_BASE_URL } from '~/config';
 import { useUserLookupAdminPanelMutation } from '~/generated/graphql';
+import { t } from '@lingui/core/macro';
 
 import packageJson from '../../../../../package.json';
 
@@ -120,7 +121,7 @@ export const SettingsAdminGeneral = () => {
   return (
     <>
       <Section>
-        <H2Title title="About" description="Version of the application" />
+        <H2Title title={t`About`} description={t`Version of the application`} />
         <GithubVersionLink version={packageJson.version} />
       </Section>
 
@@ -128,13 +129,13 @@ export const SettingsAdminGeneral = () => {
         <H2Title
           title={
             canManageFeatureFlags
-              ? 'Feature Flags & Impersonation'
-              : 'User Impersonation'
+              ? t`Feature Flags & Impersonation`
+              : t`User Impersonation`
           }
           description={
             canManageFeatureFlags
-              ? 'Look up users and manage their workspace feature flags or impersonate them.'
-              : 'Look up users to impersonate them.'
+              ? t`Look up users and manage their workspace feature flags or impersonate them.`
+              : t`Look up users to impersonate them.`
           }
         />
 
@@ -143,7 +144,7 @@ export const SettingsAdminGeneral = () => {
             value={userIdentifier}
             onChange={setUserIdentifier}
             onInputEnter={handleSearch}
-            placeholder="Enter user ID or email address"
+            placeholder={t`Enter user ID or email address`}
             fullWidth
             disabled={isUserLookupLoading}
           />
@@ -151,7 +152,7 @@ export const SettingsAdminGeneral = () => {
             Icon={IconSearch}
             variant="primary"
             accent="blue"
-            title="Search"
+            title={t`Search`}
             onClick={handleSearch}
             disabled={!userIdentifier.trim() || isUserLookupLoading}
           />
@@ -161,16 +162,22 @@ export const SettingsAdminGeneral = () => {
       {isDefined(userLookupResult) && (
         <Section>
           <StyledUserInfo>
-            <H1Title title="User Info" fontColor={H1TitleFontColor.Primary} />
-            <H2Title title={userFullName} description="User Name" />
+            <H1Title
+              title={t`User Info`}
+              fontColor={H1TitleFontColor.Primary}
+            />
+            <H2Title title={userFullName} description={t`User Name`} />
             <H2Title
               title={userLookupResult.user.email}
-              description="User Email"
+              description={t`User Email`}
+            />
+            <H2Title
+              title={userLookupResult.user.id}
+              description={t`User ID`}
             />
-            <H2Title title={userLookupResult.user.id} description="User ID" />
           </StyledUserInfo>
 
-          <H1Title title="Workspaces" fontColor={H1TitleFontColor.Primary} />
+          <H1Title title={t`Workspaces`} fontColor={H1TitleFontColor.Primary} />
           <StyledTabListContainer>
             <TabList
               tabs={tabs}

packages/twenty-front/src/modules/settings/admin-panel/components/SettingsAdminWorkspaceContent.tsx

@@ -119,19 +119,19 @@ export const SettingsAdminWorkspaceContent = ({
 
   return (
     <>
-      <H2Title title={activeWorkspace.name} description={'Workspace Name'} />
+      <H2Title title={activeWorkspace.name} description={t`Workspace Name`} />
       <H2Title
         title={`${activeWorkspace.totalUsers} ${
-          activeWorkspace.totalUsers > 1 ? 'Users' : 'User'
+          activeWorkspace.totalUsers > 1 ? t`Users` : t`User`
         }`}
-        description={'Total Users'}
+        description={t`Total Users`}
       />
       {currentUser?.canImpersonate && (
         <Button
           Icon={IconUser}
           variant="primary"
           accent="blue"
-          title={'Impersonate'}
+          title={t`Impersonate`}
           onClick={() => handleImpersonate(activeWorkspace.id)}
           disabled={
             isImpersonateLoading || activeWorkspace.allowImpersonation === false
@@ -146,8 +146,8 @@ export const SettingsAdminWorkspaceContent = ({
             gridAutoColumns="1fr 100px"
             mobileGridAutoColumns="1fr 80px"
           >
-            <TableHeader>Feature Flag</TableHeader>
-            <TableHeader align="right">Status</TableHeader>
+            <TableHeader>{t`Feature Flag`}</TableHeader>
+            <TableHeader align="right">{t`Status`}</TableHeader>
           </TableRow>
 
           {activeWorkspace.featureFlags.map((flag) => (