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/clients/create-client-success.tsx

@@ -0,0 +1,38 @@
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { RocketIcon } from 'lucide-react';
+
+import CopyInput from '../forms/copy-input';
+
+type Props = { id: string; secret: string };
+
+export function CreateClientSuccess({ id, secret }: Props) {
+  return (
+    <div className="grid gap-4">
+      <CopyInput label="Client ID" value={id} />
+      {secret && (
+        <div className="w-full">
+          <CopyInput label="Secret" value={secret} />
+          <p className="mt-1 text-sm text-muted-foreground">
+            You will only need the secret if you want to send server events.
+          </p>
+        </div>
+      )}
+      <Alert>
+        <RocketIcon className="h-4 w-4" />
+        <AlertTitle>Get started!</AlertTitle>
+        <AlertDescription>
+          Read our{' '}
+          <a
+            target="_blank"
+            href="https://openpanel.dev/docs"
+            className="underline"
+            rel="noreferrer"
+          >
+            documentation
+          </a>{' '}
+          to get started. Easy peasy!
+        </AlertDescription>
+      </Alert>
+    </div>
+  );
+}