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/notifications/table/index.tsx

@@ -0,0 +1,32 @@
+import type { UseQueryResult } from '@tanstack/react-query';
+
+import { DataTable } from '@/components/ui/data-table/data-table';
+import { DataTableToolbar } from '@/components/ui/data-table/data-table-toolbar';
+import { useTable } from '@/components/ui/data-table/use-table';
+import type { RouterOutputs } from '@/trpc/client';
+import { useColumns } from './columns';
+
+type Props = {
+  query: UseQueryResult<
+    RouterOutputs['notification']['list'][number][],
+    unknown
+  >;
+};
+
+export const NotificationsTable = ({ query }: Props) => {
+  const columns = useColumns();
+  const { data, isLoading } = query;
+  const { table } = useTable({
+    columns,
+    data: data ?? [],
+    loading: isLoading,
+    pageSize: 50,
+  });
+
+  return (
+    <>
+      <DataTableToolbar table={table} />
+      <DataTable table={table} loading={isLoading} />;
+    </>
+  );
+};