Add language option

[haslinghuis]

• fixes Easy language change after installation #4110
• adds language selection to options tab
• keeps language selection on landing tab.
• no refresh required
• For future improvement an icon could improve UX experience

[netlify]

✅ Deploy Preview for origin-betaflight-app ready!

Name	Link
🔨 Latest commit	ea2d985
🔍 Latest deploy log	https://app.netlify.com/sites/origin-betaflight-app/deploys/66fb35452be96c0008b5901a
😎 Deploy Preview	https://deploy-preview-4174.dev.app.betaflight.com
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[McGiverGim]

This adds the option without removing the selection on the initial page? I think we must let only one option, not both. At the first time this was in the options, it was changed to the main page, and now it seems we want to return to the options again.

The only problem for moving it to options, is that if for some reason you have a wrong language, like chinese or similar, it will be difficult to find the options text and select the language. In the welcome page it's always visible.

[nerdCopter]

🚀

[j4k0xb]

In the welcome page it's always visible.

Initially that was the case (#1555), but nowadays it's outside the viewport due to more content or lower screen height (especially in browser). 1920x1080 fullscreen:

Would also be fine if it stayed on the welcome page and is placed at a more visible position.

The only problem for moving it to options, is that if for some reason you have a wrong language, like chinese or similar, it will be difficult to find the options text and select the language

It either defaults to your system language or you're already on the options page and deliberately clicked on the dropdown.
Another common way to avoid confusion is to use icons:

[VitroidFPV]

I wanted to implement use of a proper icon pack after we update to Vue 3. I think there were some plans to do this internally, but it was recently done in #4169. Big thanks to @BoldBigflank, I will need to have a proper look at that as well. When we have Vue 3 and a proper icon pack it will be easy to make features like this more accessible regardless of the language selected.

The landing page is also planned for a re-design/update, if the default is to follow system language anyway, I think it makes sense for the language option to be in a (properly indicated) options page, maybe with a small Switch back to system language button on the landing page which would not get localized. But overall I'm fine with the option being in either place, though it shouldn't be duplicated IMO - but let's let other people have their say in it a well

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud