feat: add lingui/no-unlocalized-strings ESLint rule and fix translations (#16610)

## Summary
This PR adds the `lingui/no-unlocalized-strings` ESLint rule to detect
untranslated strings and fixes translation issues across multiple
components.

## Changes

### ESLint Configuration (`eslint.config.react.mjs`)
- Added comprehensive `ignore` patterns for non-translatable strings
(CSS values, HTML attributes, technical identifiers)
- Added `ignoreNames` for props that don't need translation (className,
data-*, aria-*, etc.)
- Added `ignoreFunctions` for console methods, URL APIs, and other
non-user-facing functions
- Disabled rule for debug files, storybook, and test files

### Components Fixed (~19 files)
- Object record components (field inputs, pickers, merge dialogs)
- Settings components (accounts, admin panel)
- Serverless function components
- Record table and title cell components

## Status
🚧 **Work in Progress** - ~124 files remaining to fix

This PR is being submitted as draft to allow progressive fixing of
remaining translation issues.

## Testing
- Run `npx eslint "src/**/*.tsx"` in `packages/twenty-front` to check
remaining issues

packages/twenty-front/src/modules/billing/components/SettingsBillingSubscriptionInfo.tsx

@@ -260,7 +260,7 @@ export const SettingsBillingSubscriptionInfo = ({
         message:
           oppositPlan === BillingPlanKey.ENTERPRISE
             ? t`Subscription has been switched to ${oppositPlan} Plan.`
-            : `Subscription will be switched to ${oppositPlan} Plan the ${beautifiedRenewDate}.`,
+            : t`Subscription will be switched to ${oppositPlan} Plan the ${beautifiedRenewDate}.`,
       });
     } catch {
       enqueueErrorSnackBar({

packages/twenty-front/src/modules/billing/components/TrialCard.tsx

@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+import { useLingui } from '@lingui/react/macro';
 
 type TrialCardProps = {
   duration: number;
@@ -24,10 +25,13 @@ const StyledCreditCardRequirementContainer = styled.div`
 `;
 
 export const TrialCard = ({ duration, withCreditCard }: TrialCardProps) => {
+  const { t } = useLingui();
   return (
     <StyledTrialCardContainer>
-      <StyledTrialDurationContainer>{`${duration} days trial`}</StyledTrialDurationContainer>
-      <StyledCreditCardRequirementContainer>{`${withCreditCard ? 'With Credit Card' : 'Without Credit Card'}`}</StyledCreditCardRequirementContainer>
+      <StyledTrialDurationContainer>{t`${duration} days trial`}</StyledTrialDurationContainer>
+      <StyledCreditCardRequirementContainer>
+        {withCreditCard ? t`With Credit Card` : t`Without Credit Card`}
+      </StyledCreditCardRequirementContainer>
     </StyledTrialCardContainer>
   );
 };

packages/twenty-front/src/modules/billing/components/internal/MeteredPriceSelector.tsx

@@ -60,9 +60,13 @@ export const MeteredPriceSelector = ({
 
   const toOption = (meteredBillingPrice: MeteredBillingPrice) => {
     const price = formatNumber(meteredBillingPrice.tiers[0].flatAmount / 100);
+    const credits = formatNumber(meteredBillingPrice.tiers[0].upTo, {
+      abbreviate: true,
+      decimals: 2,
+    });
 
     return {
-      label: `${formatNumber(meteredBillingPrice.tiers[0].upTo, { abbreviate: true, decimals: 2 })} Credits - $${price}`,
+      label: t`${credits} Credits - $${price}`,
       value: meteredBillingPrice.stripePriceId,
     };
   };