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/routes/_app.$organizationId.$projectId_.settings._tabs.details.tsx

@@ -0,0 +1,36 @@
+import FullPageLoadingState from '@/components/full-page-loading-state';
+import DeleteProject from '@/components/settings/delete-project';
+import EditProjectDetails from '@/components/settings/edit-project-details';
+import { useAppParams } from '@/hooks/use-app-params';
+import { useTRPC } from '@/integrations/trpc/react';
+import { useQuery } from '@tanstack/react-query';
+import { createFileRoute } from '@tanstack/react-router';
+
+export const Route = createFileRoute(
+  '/_app/$organizationId/$projectId_/settings/_tabs/details',
+)({
+  component: Component,
+});
+
+function Component() {
+  const { projectId } = useAppParams();
+  const trpc = useTRPC();
+  const query = useQuery(
+    trpc.project.getProjectWithClients.queryOptions({ projectId }),
+  );
+
+  if (query.isLoading) {
+    return <FullPageLoadingState />;
+  }
+
+  if (!query.data) {
+    return <div>Project not found</div>;
+  }
+
+  return (
+    <div className="space-y-6">
+      <EditProjectDetails project={query.data} />
+      <DeleteProject project={query.data} />
+    </div>
+  );
+}