Language dropdown formatting (#149)

* Sort and format language dropdown

- Format languages in `latinName - nativeName` to account for RTL
  languages
- Lexicographic order

* Use generic English translation

The current English translation covers both US and GB, so prefer a
generic implementation until it doesn't make sense.

* Update src/App.js

Co-authored-by: Andanan <dev.andanan@e.mail.de>

* Update src/App.js

Co-authored-by: Ahmed Tarek <ahmed.tokyo1@gmail.com>

Co-authored-by: Andanan <dev.andanan@e.mail.de>
Co-authored-by: Ahmed Tarek <ahmed.tokyo1@gmail.com>

1 files changed, 2 insertions, 2 deletions

diff --git a/src/i18n.js b/src/i18n.js
index f6e8c52..7b3cc08 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -3,7 +3,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
 const resources = {
-  'en-US': {
+  en: {
     translation: {
       title: 'WiFi Card',
       'desc.use':
@@ -560,7 +560,7 @@ i18n
   .use(initReactI18next)
   .use(LanguageDetector)
   .init({
-    fallbackLng: 'en-US',
+    fallbackLng: 'en',
     resources,
     interpolation: {
       escapeValue: false,