Languages should be sorted alphabetically based on what users see

[mmahmoudian]

Describe the bug
On the main website's dataset's page, the languages are sorted based on their ISO code, but the text is the actual language name in English. This makes it hard to find the language user is after. For instance I was looking for "Persian" among items starting with "P" and when I didn't find it I tried to find "Farsi" among "F"s and at the first look I failed to find it but I was sure that it exists because I myself contributed a lot, so I grep the page source code and found:

<option value="eu">Basque</option>
<option value="fa">Persian</option>
<option value="fi">Finnish</option>
<option value="fr">French</option>
<option value="fy-NL">Frisian</option>

This would affect a lot of languages including but not limited to Welsh (cy), Spanish (es),

So based on a quick analysis these are the distances that the current situation is compared to what users expect them to see:

As you can see the distance can be extremely far for some of the entries!

To Reproduce

1. Open https://commonvoice.mozilla.org/en/datasets

Expected behavior
Languages are sorted alphabetically and based on the visible text to user and not the language codes that is not visible to user.

Screenshots

Desktop or Mobile (please complete the following information):

• OS: Manjaro
• Browser: Firefox
• Version 93.0 (64-bit)

Additional Hardware (were you using headphones, an external speaker or an external microphone?):
--irrelevant--

Additional context
--irrelevant--