Fix language selector

[MonilBhavsar]

cc @roryabraham

Details

Pass proper arguments

Fixed Issues

Unable to load Language picker page in preferences on main
#6234 (comment)

Tests / QA Steps

1. Go to Settings > Preferences and make sure it loads correctly
2. Change language settings and make sure it works

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[MariaHCD]

Works great and LGTM!

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[marcaaron]

We are using withLocalize() for this component? So should this be

props.translate('preferencesPage.language');

instead of importing translate()?

[MonilBhavsar]

Yes we can use it!

[OSBotify]

🚀 Deployed to staging by @MariaHCD in version: 1.1.14-5 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[ogumen]

The accessibility issue found in this PR:

1. The language selector is announced without any label - failure of WCAG SC 4.1.2, similar to [high] JAWS+Chrome: Profile: Dropdown "Preferred Pronouns" does not announce its label #5649
   https://user-images.githubusercontent.com/88733897/142783997-af4fbd25-67c7-4a30-a1e3-6b0fcf08d1d6.mp4

[OSBotify]

🚀 Deployed to production by @AndrewGable in version: 1.1.15-15 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅