TW-1543: 'General' section update (#1200)

* TW-1555 Update some design and fix some bugs

* TW-1555 Make some modals close after their backdrop is clicked

* TW-1542 Resolve merge conflicts

* TW-1542 Revert harmful changes

* TW-1542 Remove unused components

* TW-1542 Implement new Settings menu design

* TW-1542 Remove some unused translations

* TW-1542 Fix find-deadcode errors

* TW-1542 Add changes from comments

* TW-1543 Redesign 'General' settings section

* TW-1543 Refactoring

* TW-1542 Move localStorage clearing to frontend

* TW-1542 Update a label

* TW-1555 Some more bugfixes

* TW-1543 Change error output

* TW-1543 Apply design updates

* TW-1555 Remove some commented out code

* TW-1543 Remove excessive locales loading checks

* TW-1555 Refactor setting classes

Co-authored-by: Alex <[email protected]>

* TW-1555 Fix prettier problem

* TW-1555 Agree styles for app content wrapper and action modals

* TW-1543 Bugfixes according to the comment from Figma

* TW-1542 Change a label

* TW-1542 Fix font size for page header

* TW-1543 Remove an unused import

---------

Co-authored-by: Alex <[email protected]>

public/_locales/de/messages.json

@@ -1245,7 +1245,7 @@
   "upload": {
     "message": "Hochladen"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Sprache"
   },
   "generalSettings": {

public/_locales/en/messages.json

@@ -1799,7 +1799,7 @@
   "upload": {
     "message": "Upload"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Language"
   },
   "fiatCurrency": {
@@ -1983,10 +1983,10 @@
     }
   },
   "popupSettings": {
-    "message": "Popup mode"
+    "message": "Pop-up Mode"
   },
   "popupSettingsDescription": {
-    "message": "Here you can configure the popup which appears on plugin's icon click in extensions panel."
+    "message": "Here you can configure the pop-up which appears on plugin's icon click in extensions panel."
   },
   "analyticsSettings": {
     "message": "Anonymous Analytics"
@@ -3464,5 +3464,107 @@
   },
   "allNetworks": {
     "message": "All Networks"
+  },
+  "enLangName": {
+    "message": "English"
+  },
+  "en_GBLangName": {
+    "message": "English ‒ United Kingdom"
+  },
+  "frLangName": {
+    "message": "French"
+  },
+  "deLangName": {
+    "message": "German"
+  },
+  "zh_CNLangName": {
+    "message": "Chinese ‒ Simplified"
+  },
+  "zh_TWLangName": {
+    "message": "Chinese ‒ Traditional"
+  },
+  "jaLangName": {
+    "message": "Japanese"
+  },
+  "koLangName": {
+    "message": "Korean"
+  },
+  "ukLangName": {
+    "message": "Ukrainian"
+  },
+  "trLangName": {
+    "message": "Turkish"
+  },
+  "ptLangName": {
+    "message": "Portuguese"
+  },
+  "usdName": {
+    "message": "United States Dollar"
+  },
+  "eurName": {
+    "message": "Euro"
+  },
+  "gbpName": {
+    "message": "British Pound"
+  },
+  "jpyName": {
+    "message": "Japanese Yen"
+  },
+  "audName": {
+    "message": "Australian Dollar"
+  },
+  "cadName": {
+    "message": "Canadian Dollar"
+  },
+  "chfName": {
+    "message": "Swiss Franc"
+  },
+  "cnyName": {
+    "message": "Chinese Yuan"
+  },
+  "dkkName": {
+    "message": "Danish Krone"
+  },
+  "hkdName": {
+    "message": "Hong Kong Dollar"
+  },
+  "idrName": {
+    "message": "Indonesian Rupiah"
+  },
+  "inrName": {
+    "message": "Indian Rupee"
+  },
+  "krwName": {
+    "message": "South Korean Won"
+  },
+  "mxnName": {
+    "message": "Mexican Peso"
+  },
+  "nzdName": {
+    "message": "New Zealand Dollar"
+  },
+  "plnName": {
+    "message": "Polish Zloty"
+  },
+  "sekName": {
+    "message": "Swedish Krona"
+  },
+  "sgdName": {
+    "message": "Singapore Dollar"
+  },
+  "thbName": {
+    "message": "Thai Baht"
+  },
+  "tryName": {
+    "message": "Turkish Lira"
+  },
+  "twdName": {
+    "message": "Taiwan Dollar"
+  },
+  "uahName": {
+    "message": "Ukrainian Hryvnia"
+  },
+  "zarName": {
+    "message": "South African Rand"
   }
 }

public/_locales/en_GB/messages.json

@@ -1219,7 +1219,7 @@
   "upload": {
     "message": "Upload"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Language"
   },
   "generalSettings": {
@@ -1359,10 +1359,10 @@
     }
   },
   "popupSettings": {
-    "message": "Popup mode"
+    "message": "Pop-up Mode"
   },
   "popupSettingsDescription": {
-    "message": "Here you can configure the popup which appears on plugin's icon click in extensions panel."
+    "message": "Here you can configure the pop-up which appears on plugin's icon click in extensions panel."
   },
   "referredByTokenContractNotFound": {
     "message": "Contract $address$, which is referred by token contract to, was not found.",

public/_locales/fr/messages.json

@@ -1182,7 +1182,7 @@
   "upload": {
     "message": "Téléverser"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Langue"
   },
   "generalSettings": {

public/_locales/ja/messages.json

@@ -1169,7 +1169,7 @@
   "upload": {
     "message": "アップロード"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "言語"
   },
   "generalSettings": {

public/_locales/ko/messages.json

@@ -1169,7 +1169,7 @@
   "upload": {
     "message": "업로드"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "언어"
   },
   "generalSettings": {

public/_locales/pt/messages.json

@@ -1245,7 +1245,7 @@
   "upload": {
     "message": "Carregar"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Idioma"
   },
   "generalSettings": {

public/_locales/tr/messages.json

@@ -1245,7 +1245,7 @@
   "upload": {
     "message": "Yükle"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Dil"
   },
   "generalSettings": {

public/_locales/uk/messages.json

@@ -1230,7 +1230,7 @@
   "upload": {
     "message": "Завантажити"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "Мова"
   },
   "generalSettings": {
@@ -1865,5 +1865,107 @@
         "content": "$1"
       }
     }
+  },
+  "enLangName": {
+    "message": "Англійська"
+  },
+  "en_GBLangName": {
+    "message": "Англійська ‒ Велика Британія"
+  },
+  "frLangName": {
+    "message": "Французька"
+  },
+  "deLangName": {
+    "message": "Німецька"
+  },
+  "zh_CNLangName": {
+    "message": "Китайська ‒ Спрощена"
+  },
+  "zh_TWLangName": {
+    "message": "Китайська ‒ Традиційна"
+  },
+  "jaLangName": {
+    "message": "Японська"
+  },
+  "koLangName": {
+    "message": "Корейська"
+  },
+  "ukLangName": {
+    "message": "Українська"
+  },
+  "trLangName": {
+    "message": "Турецька"
+  },
+  "ptLangName": {
+    "message": "Португальська"
+  },
+  "usdName": {
+    "message": "Долар США"
+  },
+  "eurName": {
+    "message": "Євро"
+  },
+  "gbpName": {
+    "message": "Фунт стерлінгів"
+  },
+  "jpyName": {
+    "message": "Японська єна"
+  },
+  "audName": {
+    "message": "Австралійський долар"
+  },
+  "cadName": {
+    "message": "Канадський долар"
+  },
+  "chfName": {
+    "message": "Швейцарський франк"
+  },
+  "cnyName": {
+    "message": "Китайський юань"
+  },
+  "dkkName": {
+    "message": "Датська крона"
+  },
+  "hkdName": {
+    "message": "Гонконгський долар"
+  },
+  "idrName": {
+    "message": "Індонезійська рупія"
+  },
+  "inrName": {
+    "message": "Індійська рупія"
+  },
+  "krwName": {
+    "message": "Південнокорейська вона"
+  },
+  "mxnName": {
+    "message": "Мексиканське песо"
+  },
+  "nzdName": {
+    "message": "Новозеландський долар"
+  },
+  "plnName": {
+    "message": "Польський злотий"
+  },
+  "sekName": {
+    "message": "Шведська крона"
+  },
+  "sgdName": {
+    "message": "Сінгапурський долар"
+  },
+  "thbName": {
+    "message": "Тайський бат"
+  },
+  "tryName": {
+    "message": "Турецька ліра"
+  },
+  "twdName": {
+    "message": "Тайванський долар"
+  },
+  "uahName": {
+    "message": "Українська гривня"
+  },
+  "zarName": {
+    "message": "Південноафриканський ранд"
   }
 }

public/_locales/zh_CN/messages.json

@@ -1176,7 +1176,7 @@
   "upload": {
     "message": "上传"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "语言"
   },
   "generalSettings": {

public/_locales/zh_TW/messages.json

@@ -1173,7 +1173,7 @@
   "upload": {
     "message": "上傳"
   },
-  "languageAndCountry": {
+  "language": {
     "message": "語言"
   },
   "generalSettings": {