[Update] Config Page: Appearance Tab. UI Language. Show localization language and 'UI Language' when it's not en to desc section.

Add padding more between label and desc.

src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx

@@ -86,9 +86,20 @@ const UiLanguageContainer = () => {
         "zh-Hant": "繁體中文",
     };
 
+
+    const is_not_en_lang = currentUiLanguage.data !== "en" && currentUiLanguage.data !== undefined;
     return (
         <div className={styles.ui_language_container}>
-            <LabelComponent label={t("config_page.ui_language.label")} />
+            <div className={styles.ui_language_label_wrapper}>
+                {is_not_en_lang
+                ?
+                    <>
+                        <LabelComponent label="UI Language" desc={t("config_page.ui_language.label")}/>
+                    </>
+                :
+                    <LabelComponent label={t("config_page.ui_language.label")}/>
+                }
+            </div>
             <div className={styles.ui_language_selector_container}>
                 {currentUiLanguage.state === "loading" && <span className={styles.loader}></span>}
                 {Object.entries(SELECTABLE_UI_LANGUAGES_DICT).map(([key, value]) => (

src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.module.scss

@@ -14,8 +14,13 @@
     gap: 1rem;
     position: relative;
 }
-
-
+.ui_language_label_wrapper {
+    display: flex;
+    align-items: center;
+}
+.ui_language_secondly_label {
+    font-size: 1.2rem;
+}
 
 .radio_button_wrapper {
     display: flex;

src-ui/app/config_page/setting_section/setting_box/components/label_component/LabelComponent.module.scss

@@ -1,7 +1,7 @@
 .label_component {
     display: flex;
     flex-direction: column;
-    gap: 0.2rem;
+    gap: 0.4rem;
     flex-shrink: 0;
 }