Voeg tracing en environment/release-tags toe aan Sentry-configuratie

Co-authored-by: Junie <junie@jetbrains.com>

src/main.tsx

@@ -8,7 +8,14 @@ import { router } from './router';
 
 const sentryDsn = import.meta.env.VITE_SENTRY_DSN;
 if (sentryDsn) {
-  Sentry.init({ dsn: sentryDsn });
+  Sentry.init({
+    dsn: sentryDsn,
+    environment: import.meta.env.MODE,
+    release: __APP_VERSION__,
+    integrations: [Sentry.tanstackRouterBrowserTracingIntegration(router)],
+    // Low-traffic marketing site: capture all traces (lower this if traffic grows significantly).
+    tracesSampleRate: 1.0,
+  });
 }
 
 const rootElement = document.getElementById('root');

src/vite-env.d.ts

@@ -8,3 +8,6 @@ interface ImportMetaEnv {
 interface ImportMeta {
   readonly env: ImportMetaEnv;
 }
+
+/** App version at build time (from package.json), injected via vite.config.ts `define`. Used as the Sentry `release` tag. */
+declare const __APP_VERSION__: string;