feat(limit): add query builder settings panel with limit editing option

Also fixes minor extra things

solves #DEV-132, #DEV-112, #DEV-138

apps/web/src/app/app.tsx

@@ -12,7 +12,14 @@ import {
 } from '@graphpolaris/shared/lib/data-access';
 import { WebSocketHandler } from '@graphpolaris/shared/lib/data-access/socket';
 import Broker from '@graphpolaris/shared/lib/data-access/socket/broker';
-import { assignNewGraphQueryResult, useAppDispatch, useConfig, useML, useMLEnabledHash } from '@graphpolaris/shared/lib/data-access/store';
+import {
+  assignNewGraphQueryResult,
+  useAppDispatch,
+  useConfig,
+  useML,
+  useMLEnabledHash,
+  useQuerybuilderSettings,
+} from '@graphpolaris/shared/lib/data-access/store';
 import {
   GraphQueryResultFromBackend,
   GraphQueryResultFromBackendPayload,
@@ -48,6 +55,7 @@ export function App(props: App) {
   const ml = useML();
   const mlHash = useMLEnabledHash();
   const config = useConfig();
+  const queryBuilderSettings = useQuerybuilderSettings();
 
   // for testing purposes
   // useEffect(() => {
@@ -86,7 +94,7 @@ export function App(props: App) {
     if (auth.authorized) {
       console.debug('App is authorized; Getting Databases', isLogin);
       api.GetAllDatabases({ updateSessionCache: true }).catch((e) => {
-        dispatch(addError(e));
+        dispatch(addError(e.message));
       });
       setAuthCheck(true);
     } else {
@@ -99,17 +107,17 @@ export function App(props: App) {
       if (query.nodes.length === 0) {
         dispatch(resetGraphQueryResults());
       } else {
-        api_query.execute(Query2BackendQuery(session.currentDatabase, query, ml));
+        api_query.execute(Query2BackendQuery(session.currentDatabase, query, queryBuilderSettings, ml));
       }
     }
   };
 
   useEffect(() => {
     runQuery();
-  }, [queryHash, mlHash]);
+  }, [queryHash, mlHash, queryBuilderSettings]);
 
   return (
-    <div className="h-screen w-screen">
+    <div className="h-screen w-screen overflow-clip">
       <DashboardAlerts />
       <div className={'h-screen w-screen ' + (!auth.authorized ? 'blur-sm pointer-events-none ' : '')}>
         <div className="flex flex-col h-screen max-h-screen relative">