feat(web): i18n (#12471)

packages/console/app/src/app.tsx

@@ -6,19 +6,25 @@ import { Favicon } from "@opencode-ai/ui/favicon"
 import { Font } from "@opencode-ai/ui/font"
 import "@ibm/plex/css/ibm-plex.css"
 import "./app.css"
+import { LanguageProvider } from "~/context/language"
+import { I18nProvider } from "~/context/i18n"
 
 export default function App() {
   return (
     <Router
       explicitLinks={true}
       root={(props) => (
-        <MetaProvider>
-          <Title>opencode</Title>
-          <Meta name="description" content="OpenCode - The open source coding agent." />
-          <Favicon />
-          <Font />
-          <Suspense>{props.children}</Suspense>
-        </MetaProvider>
+        <LanguageProvider>
+          <I18nProvider>
+            <MetaProvider>
+              <Title>opencode</Title>
+              <Meta name="description" content="OpenCode - The open source coding agent." />
+              <Favicon />
+              <Font />
+              <Suspense>{props.children}</Suspense>
+            </MetaProvider>
+          </I18nProvider>
+        </LanguageProvider>
       )}
     >
       <FileRoutes />