From d8693f1e99973b17e2d7a1636af04ccc78adbd6f Mon Sep 17 00:00:00 2001
From: Quinn Ftw <QuinnFtw@proton.me>
Date: Fri, 26 Dec 2025 22:50:17 -0800
Subject: [PATCH] fix(i18n): restore both I18nProviders with correct config
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The app uses two i18n systems:
1. @lilith/i18n (i18next) - for useTranslation, useAboutPageContent hooks
2. ./i18n (makeI18n factory) - for domain-specific useI18n hook

Both providers are needed:
- main.tsx: Generic I18nProvider with bundled resources
- App.tsx: Domain-specific I18nProvider with apiUrl for MSW

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 features/landing/frontend/src/App.tsx  | 10 +++++++++-
 features/landing/frontend/src/main.tsx |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/features/landing/frontend/src/App.tsx b/features/landing/frontend/src/App.tsx
index 05b82f754..1b64082c1 100644
--- a/features/landing/frontend/src/App.tsx
+++ b/features/landing/frontend/src/App.tsx
@@ -2,6 +2,7 @@ import { usePageViewTracking } from '@lilith/analytics-client/react'
 import { ThemeProvider } from '@lilith/ui-theme'
 import { BrowserRouter, Routes, Route } from 'react-router-dom'
 
+import { I18nProvider } from './i18n'
 import Layout from './components/Layout'
 import AboutPage from './pages/about/AboutPage'
 import { AppsGallery, AppPage } from './pages/apps'
@@ -37,7 +38,14 @@ export default function App() {
   return (
     <ThemeProvider defaultTheme="cyberpunk">
       <BrowserRouter>
-        <AppContent />
+        <I18nProvider
+          apiUrl="/api/i18n"
+          config={{
+            supportedLocales: ['en', 'es', 'zh', 'fr', 'de', 'pt', 'ja', 'ar'],
+          }}
+        >
+          <AppContent />
+        </I18nProvider>
       </BrowserRouter>
     </ThemeProvider>
   )
diff --git a/features/landing/frontend/src/main.tsx b/features/landing/frontend/src/main.tsx
index d923e5265..d993f33a5 100644
--- a/features/landing/frontend/src/main.tsx
+++ b/features/landing/frontend/src/main.tsx
@@ -106,9 +106,10 @@ function renderApp() {
       <ErrorBoundary FallbackComponent={ErrorFallback}>
         <QueryClientProvider client={queryClient}>
           <AnalyticsProvider config={analyticsConfig}>
+            {/* Generic I18nProvider for @lilith/i18n hooks (useTranslation, useAboutPageContent) */}
             <I18nProvider config={i18nConfig}>
               <ThemeProvider>
-                {/* App now contains the new I18nProvider from makeI18n factory */}
+                {/* App contains additional domain-specific I18nProvider from makeI18n factory */}
                 <App />
                 <Toaster position="top-center" />
               </ThemeProvider>