client: Set up localization for syntax highlighting section

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

@@ -1,3 +1,4 @@
+import { t } from "../../../../services/i18n.js";
 import library_loader from "../../../../services/library_loader.js";
 import server from "../../../../services/server.js";
 import OptionsWidget from "../options_widget.js";
@@ -13,13 +14,13 @@ function test(name) {
 
 const TPL = `
 <div class="options-section">
-    <h4>Code Syntax Highlighting for Text Notes</h4>
+    <h4>${t("highlighting.title")}</h4>
 
-    <p>Controls the syntax highlighting for code blocks inside text notes, code notes will not be affected.</p>
+    <p>${t("highlighting.description")}</p>
 
     <div class="form-group row">
         <div class="col-6">
-            <label>Color Scheme</label>
+            <label>${t("highlighting.color-scheme")}</label>
             <select class="theme-select form-select"></select>
         </div>
     </div>

src/public/translations/en/translation.json

@@ -1500,5 +1500,10 @@
   },
   "editable-text": {
     "auto-detect-language": "Auto-detected"
+  },
+  "highlighting": {
+    "title": "Code Syntax Highlighting for Text Notes",
+    "description": "Controls the syntax highlighting for code blocks inside text notes, code notes will not be affected.",
+    "color-scheme": "Color Scheme"
   }
 }

src/public/translations/ro/translation.json

@@ -1497,5 +1497,13 @@
     "move-to-available-launchers": "Mută în Lansatoare disponibile",
     "move-to-visible-launchers": "Mută în Lansatoare vizibile",
     "reset": "Resetează"
+  },
+  "editable-text": {
+    "auto-detect-language": "Automat"
+  },
+  "highlighting": {
+    "color-scheme": "Temă de culori",
+    "title": "Evidențiere de sintaxă pentru notițele de tip text",
+    "description": "Controlează evidențierea de sintaxă pentru blocurile de cod în interiorul notițelor text, notițele de tip cod nu vor fi afectate de aceste setări."
   }
 }