feat: support darkmode in node link visualization

Simple change to support dark mode in the node link visualization. In principe all chosen colors work fine in dark mode, we just have to ensure the background is not forced to be white.

Preview

Before

After

libs/shared/lib/querybuilder/model/graphology/metaAttributes.ts

+import { SchemaAttribute } from '../../..';
+import { Handles, QueryElementTypes } from '../reactflow';
+import { QueryGraphEdgeAttribute, QueryGraphEdgeHandle, QueryGraphNodes } from './model';
+
+const metaAttribute: Record<string, QueryGraphEdgeAttribute> = {
+  '(# Connection)': {
+    attributeName: '(# Connection)',
+    attributeType: 'float',
+    attributeDimension: 'numerical',
+  },
+};
+
+export function checkForMetaAttributes(graphologyAttributes: QueryGraphNodes): QueryGraphEdgeHandle[] {
+  const ret: QueryGraphEdgeHandle[] = [];
+  const defaultHandleData = {
+    nodeId: graphologyAttributes.id,
+    nodeName: graphologyAttributes.name || '',
+    nodeType: graphologyAttributes.type,
+    handleType: graphologyAttributes.type === QueryElementTypes.Entity ? Handles.EntityAttribute : Handles.RelationAttribute,
+  };
+
+  // Only include if not already there
+  const metaAttributesToInclude = Object.keys(metaAttribute).filter((attributeName) => !(attributeName in graphologyAttributes.attributes));
+  return metaAttributesToInclude.map((attributeName) => ({
+    ...defaultHandleData,
+    ...metaAttribute[attributeName],
+  })) as QueryGraphEdgeHandle[];
+}