feat(www): locale specific urls (#12508)

packages/console/app/src/routes/[...404].tsx

@@ -4,16 +4,18 @@ import { HttpStatusCode } from "@solidjs/start"
 import logoLight from "../asset/logo-ornate-light.svg"
 import logoDark from "../asset/logo-ornate-dark.svg"
 import { useI18n } from "~/context/i18n"
+import { useLanguage } from "~/context/language"
 
 export default function NotFound() {
   const i18n = useI18n()
+  const language = useLanguage()
   return (
     <main data-page="not-found">
       <Title>{i18n.t("notFound.title")}</Title>
       <HttpStatusCode code={404} />
       <div data-component="content">
         <section data-component="top">
-          <a href="/" data-slot="logo-link">
+          <a href={language.route("/")} data-slot="logo-link">
             <img data-slot="logo light" src={logoLight} alt="opencode logo light" />
             <img data-slot="logo dark" src={logoDark} alt="opencode logo dark" />
           </a>
@@ -22,16 +24,16 @@ export default function NotFound() {
 
         <section data-component="actions">
           <div data-slot="action">
-            <a href="/">{i18n.t("notFound.home")}</a>
+            <a href={language.route("/")}>{i18n.t("notFound.home")}</a>
           </div>
           <div data-slot="action">
-            <a href="/docs">{i18n.t("notFound.docs")}</a>
+            <a href={language.route("/docs")}>{i18n.t("notFound.docs")}</a>
           </div>
           <div data-slot="action">
             <a href="https://github.com/anomalyco/opencode">{i18n.t("notFound.github")}</a>
           </div>
           <div data-slot="action">
-            <a href="/discord">{i18n.t("notFound.discord")}</a>
+            <a href={language.route("/discord")}>{i18n.t("notFound.discord")}</a>
           </div>
         </section>
       </div>