feat: reactive font size for ace editor + i18n support for font size settings strings

components/graphql/QueryEditor.vue

@@ -48,6 +48,14 @@ export default {
     }
   },
 
+  computed: {
+    appFontSize() {
+      return getComputedStyle(document.documentElement).getPropertyValue(
+        "--body-font-size"
+      )
+    },
+  },
+
   watch: {
     value(value) {
       if (value !== this.cacheValue) {
@@ -94,6 +102,8 @@ export default {
       })
     })
 
+    editor.setFontSize(this.appFontSize)
+
     const completer = {
       getCompletions: (
         editor,