code-editor: indent with two spaces instead of tabs

indentUnit was "\t", so getIndentUnit() resolved to tabSize (4) while
every document in the app is pretty-printed with 2 spaces —
JSON.stringify(x, null, 2) and YAML.dump({indent: 2}). continuedIndent()
therefore asked for 4 columns and indentString() materialized them as a
literal tab: pressing Enter inside a JSON object put the caret one level
too deep and mixed tabs into space-indented content.

Tab had the same problem through insertTab, which always inserts "\t" —
invalid indentation in YAML. Use indentMore so Tab follows indentUnit,
matching Enter and the existing Shift-Tab (indentLess) behaviour.

Author: Panthevm

packages/react-components/src/components/code-editor/index.tsx

@@ -13,7 +13,7 @@ import {
 	history,
 	historyKeymap,
 	indentLess,
-	insertTab,
+	indentMore,
 } from "@codemirror/commands";
 import { json, jsonParseLinter } from "@codemirror/lang-json";
 import { SQLDialect, sql } from "@codemirror/lang-sql";
@@ -1509,7 +1509,7 @@ export function CodeEditor({
 					dropCursor(),
 					EditorState.allowMultipleSelections.of(true),
 					indentOnInput(),
-					indentUnit.of("\t"),
+					indentUnit.of("  "),
 					languageCompartment.current.of([]),
 					bracketMatching(),
 					closeBrackets(),
@@ -1540,7 +1540,7 @@ export function CodeEditor({
 										return moveCompletionSelection(true)(v);
 									}
 									if (v.state.readOnly) return false;
-									return insertTab(v);
+									return indentMore(v);
 								},
 							},
 							{