Improve automation, relinted webapp to tab alignment

and introduced basic EDA in a jupyter notebook of kafka export (nonmodular yet)

web/src/lib/experiments.ts

@@ -0,0 +1 @@
+//

web/src/lib/kafka.ts

@@ -3,39 +3,40 @@ import { Kafka, Producer } from 'kafkajs';
 let producer: Producer | null = null;
 
 const kafka = new Kafka({
-  clientId: 'phantom-web',
-  brokers: [`${process.env.KAFKA_HOST || 'localhost'}:${process.env.KAFKA_PORT || '9092'}`],
+    clientId: 'phantom-web',
+    brokers: [`${process.env.KAFKA_HOST || 'localhost'}:${process.env.KAFKA_PORT || '9092'}`],
 });
 
 export const getProducer = async (): Promise<Producer> => {
-  if (!producer) {
-    producer = kafka.producer();
-    await producer.connect();
-  }
-  return producer;
+    if (!producer) {
+        producer = kafka.producer();
+        await producer.connect();
+    }
+    return producer;
 };
 
 export const sendInteractionEvent = async (ev: {
-  sessionId: string;
-  eventType: string;
-  targetEl?: string;
-  targetUrl?: string;
-  metadata?: Record<string, any>;
-  ts: number;
+    sessionId: string;
+    eventType: string;
+    targetEl?: string;
+    targetUrl?: string;
+    metadata?: Record<string, any>;
+    ts: number;
 }) => {
-  const p = await getProducer();
-  await p.send({
-    topic: 'user-interactions',
-    messages: [{
-      key: ev.sessionId,
-      value: JSON.stringify(ev),
-    }],
-  });
+    const p = await getProducer();
+    // add to the metadata
+    await p.send({
+        topic: 'user-interactions',
+        messages: [{
+            key: ev.sessionId,
+            value: JSON.stringify(ev),
+        }],
+    });
 };
 
 export const disconnect = async () => {
-  if (producer) {
-    await producer.disconnect();
-    producer = null;
-  }
+    if (producer) {
+        await producer.disconnect();
+        producer = null;
+    }
 };