feat: implement query page (#2193)

* feat: implement query page

* docs: add in-app docs on query composition

* chore: version bump

* chore: remove react-data-grid

VERSION

@@ -1 +1 @@
-1.8.5
+1.8.6

assets/css/app.scss

@@ -1,5 +1,7 @@
 /* This file is for your main application css. */
 @import "~bootstrap/scss/bootstrap";
+@import "../../deps/live_monaco_editor/priv/static/live_monaco_editor.min.css";
+
 @import "named_variables";
 @import "dashboard";
 @import "header";

assets/js/app.js

@@ -1,6 +1,7 @@
 import "../css/app.scss";
 import { Socket } from "phoenix";
 import "../css/tailwind.css";
+
 import "bootstrap";
 import ClipboardJS from "clipboard";
 import * as Dashboard from "./dashboard";
@@ -19,6 +20,8 @@ import sourceLiveViewHooks from "./source_lv_hooks";
 import logsLiveViewHooks from "./log_event_live_hooks";
 import $ from "jquery";
 import moment from "moment";
+import { CodeEditorHook } from "../../deps/live_monaco_editor/priv/static/live_monaco_editor.esm"
+
 
 // set moment globally before daterangepicker
 window.moment = moment;
@@ -50,6 +53,8 @@ const hooks = {
   ...logsLiveViewHooks,
   ...LiveModalHooks,
   ...BillingHooks,
+  CodeEditorHook
+
 };
 
 let liveSocket = new LiveSocket("/live", Socket, {

assets/package.json

@@ -38,6 +38,6 @@
     "glob": "^10.3.1",
     "postcss": "^8.4.31",
     "sass": "^1.58.3",
-    "tailwindcss": "^3.3.2"
+    "tailwindcss": "^3.4.10"
   }
 }