Fix linting errors, update language list to be alphabetical

Author: catarak

client/components/Nav.jsx

@@ -671,40 +671,40 @@ class Nav extends React.PureComponent {
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="zh-CN"
+                value="ja"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                简体中文
+                日本語
               </button>
             </li>
             <li className="nav__dropdown-item">
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="ja"
+                value="pt-BR"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                日本語
+                Português
               </button>
             </li>
             <li className="nav__dropdown-item">
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="pt-BR"
+                value="uk-UA"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                Português
+                Українська
               </button>
             </li>
             <li className="nav__dropdown-item">
               <button
                 onFocus={this.handleFocusForLang}
                 onBlur={this.handleBlur}
-                value="uk-UA"
+                value="zh-CN"
                 onClick={(e) => this.handleLangSelection(e)}
               >
-                Українська
+                简体中文
               </button>
             </li>
           </ul>

client/i18n.js

@@ -6,15 +6,15 @@ import { enUS, es, ja, hi, ptBR, de, frCA, zhCN, uk } from 'date-fns/locale';
 
 const fallbackLng = ['en-US'];
 const availableLanguages = [
+  'de',
   'en-US',
   'es-419',
-  'ja',
+  'fr-CA',
   'hi',
+  'ja',
   'pt-BR',
-  'zh-CN',
-  'de',
-  'fr-CA',
-  'uk-UA'
+  'uk-UA',
+  'zh-CN'
 ];
 
 export function languageKeyToLabel(lang) {
@@ -26,9 +26,8 @@ export function languageKeyToLabel(lang) {
     hi: 'हिन्दी',
     ja: '日本語',
     'pt-BR': 'Português',
-    'zh-CN': '简体中文',
-    de: 'Deutsch',
-    'uk-UA': 'Українська'
+    'uk-UA': 'Українська',
+    'zh-CN': '简体中文'
   };
   return languageMap[lang];
 }
@@ -40,11 +39,10 @@ export function languageKeyToDateLocale(lang) {
     'es-419': es,
     'fr-CA': frCA,
     hi,
-    de,
     ja,
     'pt-BR': ptBR,
-    'zh-CN': zhCN,
-    'uk-UA': uk
+    'uk-UA': uk,
+    'zh-CN': zhCN
   };
   return languageMap[lang];
 }