client: Add country flags to language selection

src/public/app/widgets/type_widgets/options/appearance/i18n.js

@@ -32,7 +32,7 @@ export default class LocalizationOptions extends OptionsWidget {
         for (const locale of availableLocales) {
             this.$localeSelect.append($("<option>")
                 .attr("value", locale.id)
-                .text(locale.name));
+                .text(`${locale.flag} ${locale.name}`));
         }
 
         this.$localeSelect.val(options.locale);

src/routes/api/options.ts

@@ -135,11 +135,13 @@ function getSupportedLocales() {
     return [
         {
             "id": "en",
-            "name": "English"
+            "flag": "🇺🇸",
+            "name": "English (United States)"
         },
         {
             "id": "cn",
-            "name": "Chinese"
+            "flag": "🇨🇳",
+            "name": "Chinese (China)"
         }
     ];
 }