Pass keyType to DbKeyValueDetail for AceEditor mode

packages/web/src/dbkeyvalue/DbKeyValueDetail.svelte

@@ -12,6 +12,7 @@
   export let columnTitle;
   export let value;
   export let onChangeValue = null;
+  export let keyType = null;
 </script>
 
 <div class="colnamewrap">
@@ -33,6 +34,7 @@
     <AceEditor
       readOnly={!onChangeValue}
       {value}
+      mode={keyType === 'JSON' ? 'json' : undefined}
       on:input={e => {
         onChangeValue?.(e.detail);
       }}

packages/web/src/tabs/DbKeyDetailTab.svelte

@@ -193,6 +193,7 @@
             <DbKeyValueDetail
               columnTitle="Value"
               value={editedValue || keyInfo.value}
+              keyType={keyInfo.type}
               onChangeValue={value => {
                 editedValue = value;
               }}