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/dot.tsx

@@ -0,0 +1,46 @@
+import { cn } from '@/utils/cn';
+
+interface DotProps {
+  className?: string;
+  size?: number;
+  animated?: boolean;
+}
+
+function filterCn(filter: string[], className: string | undefined) {
+  const split: string[] = className?.split(' ') || [];
+  return split
+    .filter((item) => !filter.some((filterItem) => item.startsWith(filterItem)))
+    .join(' ');
+}
+
+export function Dot({ className, size = 8, animated }: DotProps) {
+  const style = {
+    width: size,
+    height: size,
+  };
+  return (
+    <div
+      className={cn(
+        'relative',
+        filterCn(['bg-', 'animate-', 'group-hover/row'], className),
+      )}
+      style={style}
+    >
+      <div
+        className={cn(
+          'absolute !m-0  rounded-full',
+          animated !== false && 'animate-ping',
+          className,
+        )}
+        style={style}
+      />
+      <div
+        className={cn(
+          'absolute !m-0 rounded-full',
+          filterCn(['animate-', 'group-hover/row'], className),
+        )}
+        style={style}
+      />
+    </div>
+  );
+}