Add Language Switcher

[derekblank]

Related to #25

Proposed Changes

(WIP) Adds Language Picker to User Settings modal to allow user to select Studio UI language

Testing Instructions

TBD

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[derekblank]

Updating with some notes, findings, and next steps:

• 🎨 The <LanguagePicker /> onChange event will need to handle the locale change.
• 💾 The updated preferred locale string should persist in some form of local storage across sessions.
• 🔍 Investigate: <LanguagePicker /> events exist on the renderer thread, while localeData is loaded on the main thread (before renderer is invoked) -- therefore, localStorage can't be used to persist user locale changes (without modifying one or other other).
• 🔍 Investigate: saveUserData may be the best place to save and load any user-preferred locale string changes.
• 🔍 Investigate: Currently, the JSON translation files are loaded synchronously using require, and would need an app restart to load the new locale data. Potentially, the JSON translation files could be loaded async without the need to restart Studio to change the Studio UI language/locale.
• 🏁 All of the above changes should only apply to the Studio app UI itself (and not any Studio-created sites), minimizing the footprint of changes.

[derekblank]

I think this approach will be a bit limiting until userData could be saved and loaded across both the main and renderer threads.

[nguyenquanghoang]

@derekblank Amazing, This is a feature I have been looking forward to. 🙏 Hope Vietnamese available

[nguyenquanghoang]

@wojtekn This is awesome

[nguyenquanghoang]

Can you add Vietnamese language?

[sejas]

• Closing in favor of Add language switcher in user settings modal #476