Add Anthropic API, test environment, remove locale settings

Feature 1: Anthropic API Integration
- Add @anthropic-ai/sdk with adapter wrapping OpenAI-shaped interface
- Support Claude models (opus, sonnet, haiku) with extended thinking
- Auto-reset model on provider switch, JSON retry logic
- Add Claude model pricing to ai-usage tracker
- Update AI settings form with Anthropic provider option

Feature 2: Remove Locale Settings UI
- Strip Localization tab from admin settings
- Remove i18n settings from router inferCategory and getFeatureFlags
- Keep franc document language detection intact

Feature 3: Test Environment with Role Impersonation
- Add isTest field to User, Program, Project, Competition models
- Test environment service: create/teardown with realistic dummy data
- JWT-based impersonation for test users (@test.local emails)
- Impersonation banner with quick-switch between test roles
- Test environment panel in admin settings (SUPER_ADMIN only)
- Email redirect: @test.local emails routed to admin with [TEST] prefix
- Complete data isolation: 45+ isTest:false filters across platform
  - All global queries on User/Project/Program/Competition
  - AI services blocked from processing test data
  - Cron jobs skip test rounds/users
  - Analytics/exports exclude test data
  - Admin layout/pickers hide test programs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/settings/settings-content.tsx

@@ -23,14 +23,15 @@ import {
   Newspaper,
   BarChart3,
   ShieldAlert,
-  Globe,
   Webhook,
   MessageCircle,
+  FlaskConical,
 } from 'lucide-react'
 import Link from 'next/link'
 import { AnimatedCard } from '@/components/shared/animated-container'
 import { AISettingsForm } from './ai-settings-form'
 import { AIUsageCard } from './ai-usage-card'
+import { TestEnvironmentPanel } from './test-environment-panel'
 import { BrandingSettingsForm } from './branding-settings-form'
 import { EmailSettingsForm } from './email-settings-form'
 import { StorageSettingsForm } from './storage-settings-form'
@@ -158,11 +159,6 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
     'whatsapp_provider',
   ])
 
-  const localizationSettings = getSettingsByKeys([
-    'localization_enabled_locales',
-    'localization_default_locale',
-  ])
-
   return (
     <>
     <Tabs defaultValue="defaults" className="space-y-6">
@@ -176,10 +172,6 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
           <Palette className="h-4 w-4" />
           Branding
         </TabsTrigger>
-        <TabsTrigger value="localization" className="gap-2 shrink-0">
-          <Globe className="h-4 w-4" />
-          Locale
-        </TabsTrigger>
         {isSuperAdmin && (
           <TabsTrigger value="email" className="gap-2 shrink-0">
             <Mail className="h-4 w-4" />
@@ -236,6 +228,12 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
             Webhooks
           </Link>
         )}
+        {isSuperAdmin && (
+          <TabsTrigger value="testenv" className="gap-2 shrink-0">
+            <FlaskConical className="h-4 w-4" />
+            Test Env
+          </TabsTrigger>
+        )}
       </TabsList>
 
       <div className="lg:flex lg:gap-8">
@@ -253,10 +251,6 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
                 <Palette className="h-4 w-4" />
                 Branding
               </TabsTrigger>
-              <TabsTrigger value="localization" className="justify-start gap-2 w-full px-3 py-2 h-auto data-[state=active]:bg-muted">
-                <Globe className="h-4 w-4" />
-                Locale
-              </TabsTrigger>
             </TabsList>
           </div>
           <div>
@@ -333,6 +327,12 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
                 Webhooks
                 <ExternalLink className="ml-auto h-3 w-3 opacity-50" />
               </Link>
+              <TabsList className="flex flex-col items-stretch h-auto w-full bg-transparent p-0 gap-0.5 mt-1">
+                <TabsTrigger value="testenv" className="justify-start gap-2 w-full px-3 py-2 h-auto data-[state=active]:bg-muted">
+                  <FlaskConical className="h-4 w-4" />
+                  Test Env
+                </TabsTrigger>
+              </TabsList>
             </div>
           )}
         </nav>
@@ -510,22 +510,6 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
         </AnimatedCard>
       </TabsContent>
 
-      <TabsContent value="localization" className="space-y-6">
-        <AnimatedCard>
-        <Card>
-          <CardHeader>
-            <CardTitle>Localization</CardTitle>
-            <CardDescription>
-              Configure language and locale settings
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <LocalizationSettingsSection settings={localizationSettings} />
-          </CardContent>
-        </Card>
-        </AnimatedCard>
-      </TabsContent>
-
       {isSuperAdmin && (
         <TabsContent value="whatsapp" className="space-y-6">
           <AnimatedCard>
@@ -543,6 +527,28 @@ export function SettingsContent({ initialSettings, isSuperAdmin = true }: Settin
           </AnimatedCard>
         </TabsContent>
       )}
+
+      {isSuperAdmin && (
+        <TabsContent value="testenv" className="space-y-6">
+          <AnimatedCard>
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <FlaskConical className="h-5 w-5" />
+                Test Environment
+              </CardTitle>
+              <CardDescription>
+                Create a sandboxed test competition with dummy data for testing all roles and workflows.
+                Fully isolated from production data.
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <TestEnvironmentPanel />
+            </CardContent>
+          </Card>
+          </AnimatedCard>
+        </TabsContent>
+      )}
       </div>{/* end content area */}
       </div>{/* end lg:flex */}
     </Tabs>
@@ -858,66 +864,3 @@ function WhatsAppSettingsSection({ settings }: { settings: Record<string, string
   )
 }
 
-function LocalizationSettingsSection({ settings }: { settings: Record<string, string> }) {
-  const mutation = useSettingsMutation()
-  const enabledLocales = (settings.localization_enabled_locales || 'en').split(',')
-
-  const toggleLocale = (locale: string) => {
-    const current = new Set(enabledLocales)
-    if (current.has(locale)) {
-      if (current.size <= 1) {
-        toast.error('At least one locale must be enabled')
-        return
-      }
-      current.delete(locale)
-    } else {
-      current.add(locale)
-    }
-    mutation.mutate({
-      key: 'localization_enabled_locales',
-      value: Array.from(current).join(','),
-    })
-  }
-
-  return (
-    <div className="space-y-4">
-      <div className="space-y-3">
-        <Label className="text-sm font-medium">Enabled Languages</Label>
-        <div className="space-y-2">
-          <div className="flex items-center justify-between rounded-lg border p-3">
-            <div className="flex items-center gap-2">
-              <span className="font-medium text-sm">EN</span>
-              <span className="text-sm text-muted-foreground">English</span>
-            </div>
-            <Checkbox
-              checked={enabledLocales.includes('en')}
-              onCheckedChange={() => toggleLocale('en')}
-              disabled={mutation.isPending}
-            />
-          </div>
-          <div className="flex items-center justify-between rounded-lg border p-3">
-            <div className="flex items-center gap-2">
-              <span className="font-medium text-sm">FR</span>
-              <span className="text-sm text-muted-foreground">Fran&ccedil;ais</span>
-            </div>
-            <Checkbox
-              checked={enabledLocales.includes('fr')}
-              onCheckedChange={() => toggleLocale('fr')}
-              disabled={mutation.isPending}
-            />
-          </div>
-        </div>
-      </div>
-      <SettingSelect
-        label="Default Locale"
-        description="The default language for new users"
-        settingKey="localization_default_locale"
-        value={settings.localization_default_locale || 'en'}
-        options={[
-          { value: 'en', label: 'English' },
-          { value: 'fr', label: 'Fran\u00e7ais' },
-        ]}
-      />
-    </div>
-  )
-}