feature: add a user feedback button from sentry

.env.example

@@ -28,6 +28,8 @@ NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/admin/dashboard #leave as-is
 
 ##sentry
 NEXT_PUBLIC_SENTRY_DSN=<SENTRY_DSN> #only necessary if working on error tracking, otherwise leave as-is
+NEXT_RUNTIME=nodejs #change if it's 'edge' or something else accordingly . It's mainly for sentry, otherwise leave as-is
+SENTRY_AUTH_TOKEN=<SENTRY_AUTH_TOKEN>    #sentry-build-plugin for sentry ( It's used for authentication when uploading source maps.) It's mainly for sentry, otherwise leave as-is
 
 ##misc
 NEXT_PUBLIC_BASE_URL=http://localhost:3000 #leave as-is

.gitignore

@@ -48,3 +48,6 @@ next-env.d.ts
 .xatarc
 src/xata.ts
 .xata
+
+# Sentry Config File
+.env.sentry-build-plugin

package.json

@@ -26,7 +26,7 @@
     "@react-email/components": "^0.0.25",
     "@react-email/render": "^1.0.1",
     "@react-email/tailwind": "^0.1.0",
-    "@sentry/nextjs": "^7.106.1",
+    "@sentry/nextjs": "^8.33.1",
     "@t3-oss/env-nextjs": "^0.9.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-table": "^8.12.0",

sentry.client.config.ts

@@ -28,5 +28,14 @@ Sentry.init({
       blockAllMedia: true,
     }),
     Sentry.browserTracingIntegration({ enableInp: true }),
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      isNameRequired : true,
+      isEmailRequired : true,
+      colorScheme: "system",
+      themeDark: {
+        background: "#202d4c",
+      },
+    }),
   ],
 })

sentry.server.config.ts

@@ -14,4 +14,4 @@ Sentry.init({
   // Setting this option to true will print useful information to the console while you're setting up Sentry.
   debug: false,
   // uncomment the line below to enable Spotlight (https://spotlightjs.com)
-})
+})

src/instrumentation.ts

@@ -0,0 +1,13 @@
+import * as Sentry from '@sentry/nextjs';
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    await import('../sentry.server.config');
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    await import('../sentry.edge.config');
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;