1. Add new translation keys to the appropriate `src/locales/default/{namespace}.ts` file.
2. Export the new namespace in `src/locales/default/index.ts`.
3. Manually translate the keys in `locales/zh-CN/{namespace}.json` and `locales/en-US/{namespace}.json` for development preview.
4. Run `pnpm i18n` to generate translations for all supported languages.
5. Use the `useTranslation` hook from `react-i18next` to access and display translated text in React components.
6. Specify the appropriate namespace when using the `useTranslation` hook to retrieve translations from the correct file.
SynapticSkills