Add contributors for the translations about proton-mail-settings

[dhoko]

We use crowdin for this task, there is an API which allows us to get the list of translators cf https://support.crowdin.com/api/export-top-members-report/

By default the sort is by: words.

[EpokK]

There is 2 different translation for ProtonMail webapp since we splitted settings and mail/contact. So the UI needs to collect translators from Crowdin API between these 2 templates.

Note

• We collect data during the build process.
• We display the last 30 translators, the design need to be updated @jovanjovanovski.
• We need to keep in mind future web-app (Calendar, Drive, Wallet).

[dhoko]

$ npx proton-i18n crowdin -m

⚠️ we should not use this command inside the build process, we should instead run it from time to time. it's slow, several seconds

Output: src/i18n/topMembers.json (we copy this dir, during the build as it contains all translations, we will load the file via fetch)

ex:

[
    {"name":"pedro","url":"https://crowdin.com/profile/pedro"},
    ...
]

[sveinki]

A (veteran) translator here: Beware to get names of all active and former REAL translators from your script; quite often the line "Last-Translator: PMtranslator\n" gets inserted in the PO-files - "PMtranslator" is a bot or overnight maintenance-scripting.
Also if someone translates 99.9% of the file, then another one finishes the rest; both should be credited.
Best of course would be to have a system where the order is based on merit/activity, but I think that's perhaps a bit of an overkill in this case.

[sveinki]

That's cool, thanks for the link.