[Update] UI: Telemetry: Add telemetry settings component.

src-ui/logics/configs/config_page_setter/ui_config_setter.js

@@ -701,6 +701,14 @@ export const SETTINGS_ARRAY = [
         logics_template_id: "toggle_enable_disable",
         base_endpoint_name: "convert_message_to_hiragana",
     },
+    {
+        Category: "Others",
+        Base_Name: "Telemetry",
+        default_value: false,
+        ui_template_id: "toggle",
+        logics_template_id: "toggle_enable_disable",
+        base_endpoint_name: "telemetry",
+    },
 
     // AdvancedSettings
     {

src-ui/views/app/config_page/setting_section/setting_box/others/Others.jsx

@@ -53,6 +53,9 @@ export const Others = () => {
                 <ConvertMessageToRomajiContainer />
                 <ConvertMessageToHiraganaContainer />
             </div>
+            <div>
+                <TelemetryContainer />
+            </div>
         </div>
     );
 };
@@ -245,4 +248,18 @@ const ConvertMessageToHiraganaContainer = () => {
             toggleFunction={toggleConvertMessageToHiragana}
         />
     );
+};
+
+const TelemetryContainer = () => {
+    const { t } = useI18n();
+    const { currentTelemetry, toggleTelemetry } = useOthers();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.others.telemetry.label")}
+            desc={t("config_page.others.telemetry.desc")}
+            variable={currentTelemetry}
+            toggleFunction={toggleTelemetry}
+        />
+    );
 };