feat: dashboard v2, esm, upgrades (#211)

* esm

* wip

* wip

* wip

* wip

* wip

* wip

* subscription notice

* wip

* wip

* wip

* fix envs

* fix: update docker build

* fix

* esm/types

* delete dashboard :D

* add patches to dockerfiles

* update packages + catalogs + ts

* wip

* remove native libs

* ts

* improvements

* fix redirects and fetching session

* try fix favicon

* fixes

* fix

* order and resize reportds within a dashboard

* improvements

* wip

* added userjot to dashboard

* fix

* add op

* wip

* different cache key

* improve date picker

* fix table

* event details loading

* redo onboarding completely

* fix login

* fix

* fix

* extend session, billing and improve bars

* fix

* reduce price on 10M

apps/start/src/components/realtime/realtime-reloader.tsx

@@ -0,0 +1,40 @@
+'use client';
+
+import useWS from '@/hooks/use-ws';
+import { useTRPC } from '@/integrations/trpc/react';
+import { useQueryClient } from '@tanstack/react-query';
+import { getCountReport, getReport } from './realtime-live-histogram';
+
+type Props = {
+  projectId: string;
+};
+
+const RealtimeReloader = ({ projectId }: Props) => {
+  const client = useQueryClient();
+  const trpc = useTRPC();
+
+  useWS<number>(
+    `/live/events/${projectId}`,
+    () => {
+      if (!document.hidden) {
+        client.refetchQueries(trpc.realtime.pathFilter());
+        client.refetchQueries(
+          trpc.chart.chart.queryFilter(getReport(projectId)),
+        );
+        client.refetchQueries(
+          trpc.chart.chart.queryFilter(getCountReport(projectId)),
+        );
+      }
+    },
+    {
+      debounce: {
+        delay: 1000,
+        maxWait: 60000,
+      },
+    },
+  );
+
+  return null;
+};
+
+export default RealtimeReloader;