feat(explorer): indicate unsaved query changes (#3446)

Co-authored-by: Kevin Ingersoll <kingersoll@gmail.com>

Author: karooolis

.changeset/curly-carrots-sit.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+The SQL editor now shows an indicator if the query has changed since it was last run.

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

@@ -31,6 +31,7 @@ export function SQLEditor({ table }: Props) {
       query,
     },
   });
+  const currentQuery = form.watch("query");
 
   const handleSubmit = form.handleSubmit((data) => {
     if (validateQuery(data.query)) {
@@ -96,6 +97,12 @@ export function SQLEditor({ table }: Props) {
               </div>
             )}
           />
+
+          {currentQuery !== query ? (
+            <span className="absolute right-1 top-[-6px] text-5xl text-primary">
+              <span className="text-5xl text-primary">·</span>
+            </span>
+          ) : null}
         </div>
 
         <div className="flex justify-end">