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/sidebar/ReportSidebar.tsx

@@ -0,0 +1,32 @@
+import { Button } from '@/components/ui/button';
+import { SheetClose, SheetFooter } from '@/components/ui/sheet';
+import { useSelector } from '@/redux';
+
+import { ReportBreakdowns } from './ReportBreakdowns';
+import { ReportEvents } from './ReportEvents';
+import { ReportFormula } from './ReportFormula';
+import { ReportSettings } from './ReportSettings';
+
+export function ReportSidebar() {
+  const { chartType } = useSelector((state) => state.report);
+  const showFormula =
+    chartType !== 'conversion' &&
+    chartType !== 'funnel' &&
+    chartType !== 'retention';
+  const showBreakdown = chartType !== 'retention';
+  return (
+    <>
+      <div className="flex flex-col gap-8">
+        <ReportEvents />
+        {showBreakdown && <ReportBreakdowns />}
+        {showFormula && <ReportFormula />}
+        <ReportSettings />
+      </div>
+      <SheetFooter>
+        <SheetClose asChild>
+          <Button className="w-full">Done</Button>
+        </SheetClose>
+      </SheetFooter>
+    </>
+  );
+}