fix(explorer): preserve sql query formatting (latticexyz#3810)

Author: karooolis

.changeset/stupid-cameras-greet.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+Formatting is now preserved when re-running SQL queries.

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx

@@ -119,7 +119,7 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
                   value={decodeURIComponent(field.value)}
                   options={monacoOptions}
                   language="sql"
-                  onChange={(value) => field.onChange(encodeURIComponent(value ?? ""))}
+                  onChange={(value) => field.onChange(value ?? "")}
                   onMount={(editor, monaco) => {
                     editorRef.current = editor;
                     monaco.editor.defineTheme("custom-vs-dark", {

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/hooks/useSQLQueryState.ts

@@ -4,5 +4,5 @@ type UseSQLQueryStateReturn = [string, (value: string) => void];
 
 export function useSQLQueryState(): UseSQLQueryStateReturn {
   const [query, setQuery] = useQueryState("query", parseAsString.withDefault(""));
-  return [decodeURIComponent(query), setQuery];
+  return [decodeURIComponent(query), (value: string) => setQuery(encodeURIComponent(value))];
 }