refactor(cubesql): Improve EGraph debugger, part 1: initial state, JSON for data, eslint, prettier, hooks deps, (#8855)

* Extract writing debug for rewrite iteration to function

* Add initial egraph state to debug data

* Store states data as JSON in debugger

* Move debug data from iterations to analysis

* Pin react-scripts version in debugger

* Reformat debugger

Tried to match existing style with quotes and tab width

* Wrap navigate with a useCallback

* Replace a with span in ChildrenNode

It's not a proper link, just inline piece of text with click handler

* Add missing dependencies for layout hook

* Fix dependencies for nodeTypes memo

* Enable eslint for debugger

Author: mcheshkov

.editorconfig

@@ -11,3 +11,6 @@ insert_final_newline = true
 
 [*.rs]
 indent_size = 4
+
+[rust/cubesql/cubesql/egraph-debug-template/**/*.{js,jsx,ts,tsx}]
+indent_size = 4

rust/cubesql/cubesql/egraph-debug-template/package.json

@@ -11,11 +11,22 @@
   "scripts": {
     "start": "GENERATE_SOURCEMAP=false && react-scripts start",
     "build": "react-scripts build",
+    "reformat": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   },
   "devDependencies": {
-    "react-scripts": "latest"
+    "prettier": "3.3.3",
+    "react-scripts": "5.0.1"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app"
+    ]
+  },
+  "prettier": {
+    "singleQuote": true,
+    "tabWidth": 4
   },
   "browserslist": {
     "production": [