# Tasks: App Localization (Automatic System Language Detection)

* \[x] Install `i18next-browser-languagedetector`. <!-- id: install-dependency -->
* \[x] Update `src/localization/i18n.ts` to configure language detection and include `zh-CN` resources. <!-- id: update-i18n-config -->
* \[x] Verify `src/actions/language.ts` logic is compatible with auto-detection. <!-- id: verify-language-actions -->
* \[x] Update `src/components/StatusBar.tsx` to use translations. <!-- id: localize-statusbar -->
* \[x] Update `src/components/AccountCard.tsx` to use translations. <!-- id: localize-accountcard -->
* \[x] Update `src/pages/index.tsx` (home page) to use translations. <!-- id: localize-homepage -->
* \[x] Update `src/pages/settings.tsx` to use translations and add a language switcher. <!-- id: localize-settings -->
* \[x] Run the app to verify language detection and manual switching. <!-- id: verify-localization -->