fix(qb): fix when there are json formatted attribute values

libs/shared/lib/querybuilder/panel/querybuilder.tsx

@@ -233,7 +233,6 @@ export const QueryBuilderInner = (props: QueryBuilderProps) => {
       if (!isEdgeUpdating.current) {
         isOnConnect.current = true;
         if (!connection.sourceHandle || !connection.targetHandle) throw new Error('Connection has no source or target');
-        console.log('onConnect', connection);
 
         if (!graphologyGraph.hasEdge(connection.source, connection.target)) {
           graphologyGraph.addEdge(connection.source, connection.target, {

libs/shared/lib/schema/pills/nodes/relation/relation-node.tsx

@@ -29,7 +29,6 @@ export const RelationNode = React.memo(({ id, data }: NodeProps<SchemaReactflowR
    * @param event React Mouse drag event.
    */
   const onDragStart = (event: React.DragEvent<HTMLDivElement>) => {
-    console.log('dragging relation', id, data);
     event.dataTransfer.setData(
       'application/reactflow',
       JSON.stringify({

libs/shared/lib/vis/nodelink/components/NLPopup.tsx

@@ -27,7 +27,7 @@ export const NLPopup = (props: NodelinkPopupProps) => {
               return (
                 <div key={k} className="flex flex-row gap-3">
                   <span className="">{k}: </span>
-                  <span className="ml-auto flex-wrap max-w-[10rem] text-right">{v}</span>
+                  <span className="ml-auto flex-wrap max-w-[10rem] text-right">{JSON.stringify(v)}</span>
                 </div>
               );
             })}