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/report-chart/shortcut.tsx

@@ -0,0 +1,43 @@
+import { ReportChart } from '.';
+import type { ReportChartProps } from './context';
+
+type ChartRootShortcutProps = Omit<ReportChartProps, 'report'> & {
+  projectId: ReportChartProps['report']['projectId'];
+  range?: ReportChartProps['report']['range'];
+  previous?: ReportChartProps['report']['previous'];
+  chartType?: ReportChartProps['report']['chartType'];
+  interval?: ReportChartProps['report']['interval'];
+  events: ReportChartProps['report']['events'];
+  breakdowns?: ReportChartProps['report']['breakdowns'];
+  lineType?: ReportChartProps['report']['lineType'];
+};
+
+export const ReportChartShortcut = ({
+  projectId,
+  range = '7d',
+  previous = false,
+  chartType = 'linear',
+  interval = 'day',
+  events,
+  breakdowns,
+  lineType = 'monotone',
+  options,
+}: ChartRootShortcutProps) => {
+  return (
+    <ReportChart
+      report={{
+        name: 'Shortcut',
+        projectId,
+        range,
+        breakdowns: breakdowns ?? [],
+        previous,
+        chartType,
+        interval,
+        events,
+        lineType,
+        metric: 'sum',
+      }}
+      options={options ?? {}}
+    />
+  );
+};