feat: support 3 more UI languages (#2218)

Signed-off-by: baihhh <2542274498@qq.com>

web/src/Setting.js

@@ -46,6 +46,9 @@ export const Countries = [{label: "English", key: "en", country: "US", alt: "Eng
   {label: "Itariano", key: "it", country: "IT", alt: "Itariano"},
   {label: "Marley", key: "ms", country: "MY", alt: "Marley"},
   {label: "Tkiš", key: "tr", country: "TR", alt: "Tkiš"},
+  {label: "لغة عربية", key: "ar", country: "DZ", alt: "لغة عربية"},
+  {label: "עִבְרִית", key: "he", country: "IL", alt: "עִבְרִית"},
+  {label: "Filipino", key: "fi", country: "PH", alt: "Filipino"},
 ];
 
 export function getThemeData(organization, application) {

web/src/i18n.js

@@ -27,6 +27,9 @@ import pt from "./locales/pt/data.json";
 import it from "./locales/it/data.json";
 import ms from "./locales/ms/data.json";
 import tr from "./locales/tr/data.json";
+import ar from "./locales/ar/data.json";
+import he from "./locales/he/data.json";
+import fi from "./locales/fi/data.json";
 import * as Conf from "./Conf";
 import {initReactI18next} from "react-i18next";
 
@@ -45,6 +48,9 @@ const resources = {
   it: it,
   ms: ms,
   tr: tr,
+  ar: ar,
+  he: he,
+  fi: fi,
 };
 
 function initLanguage() {
@@ -103,6 +109,15 @@ function initLanguage() {
       case "tr":
         language = "tr";
         break;
+      case "ar":
+        language = "ar";
+        break;
+      case "he":
+        language = "he";
+        break;
+      case "fi":
+        language = "fi";
+        break;
       default:
         language = Conf.DefaultLanguage;
       }