Frontend: Add multi-language (i18n) scaffolding

[Junirezz]

Goal

Prepare the app for localization with an i18n framework.

Scope

• Add an i18n library (e.g. react-i18next)
• Extract all UI strings into translation files
• Add an English baseline translation
• Document how to add a new language

Acceptance Criteria

• All visible strings are translated via i18n keys
• Locale switching works at runtime
• Docs explain how to contribute a new locale

[jesubohr]

@jesubohr has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I would like to work on this issue as I have already worked with kind of issues before and have years of experience working on frontend development.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @jesubohr to this issue.

[drips-wave]

Congratulations, @jesubohr! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @jesubohr: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[vitonsky]

Hey, just fyi you can use transly to automate translation of locale files via LLM or Google Translate

Example transly.config.ts:

import 'dotenv/config';
import { defineConfig } from 'transly';

export default defineConfig({
  sourceLang: 'en',
  targetLangs: ['es', 'zh', 'ru', 'pt-BR'],
  localesDir: './src/locales',

  llm: {
    model: 'google/gemma-4-26b-a4b-it',
    apiKey: process.env.OPENAI_API_KEY,
    baseUrl: 'https://openrouter.ai/api/v1',
  },
});

I've built that tool for our inner projects, but it seems it can save a lot of time for many developers. It translate your locale files incrementally, so only changed keys will be translated and you don't spend all your money just to update a text in one button.