feat(web): i18n (#12471)

packages/console/app/src/component/legal.tsx

@@ -1,19 +1,25 @@
 import { A } from "@solidjs/router"
+import { LanguagePicker } from "~/component/language-picker"
+import { useI18n } from "~/context/i18n"
 
 export function Legal() {
+  const i18n = useI18n()
   return (
     <div data-component="legal">
       <span>
         ©{new Date().getFullYear()} <a href="https://anoma.ly">Anomaly</a>
       </span>
       <span>
-        <A href="/brand">Brand</A>
+        <A href="/brand">{i18n.t("legal.brand")}</A>
       </span>
       <span>
-        <A href="/legal/privacy-policy">Privacy</A>
+        <A href="/legal/privacy-policy">{i18n.t("legal.privacy")}</A>
       </span>
       <span>
-        <A href="/legal/terms-of-service">Terms</A>
+        <A href="/legal/terms-of-service">{i18n.t("legal.terms")}</A>
+      </span>
+      <span>
+        <LanguagePicker align="right" />
       </span>
     </div>
   )