Add extra info on page crashing errors to identify them in Sentry dashboard (#5068)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR enhances error handling in the application by integrating `Sentry` with additional context for captured exceptions, specifically tagging the errors and providing extra information about the crashed page and router.

### Detailed summary
- In `global-error.tsx`, modified `Sentry.captureException` to use `Sentry.withScope` for better error context.
- Added tags and extra data (e.g., `crashedPage`, `boundary`, `router`) to the captured exceptions.
- In `_error.tsx`, implemented similar changes for handling errors with `contextData`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: MananTank

apps/dashboard/src/app/global-error.tsx

@@ -13,7 +13,17 @@ export default function GlobalError({
   // legitimate usecase
   // eslint-disable-next-line no-restricted-syntax
   useEffect(() => {
-    Sentry.captureException(error);
+    Sentry.withScope((scope) => {
+      scope.setTag("page-crashed", "true");
+      scope.setLevel("fatal");
+      Sentry.captureException(error, {
+        extra: {
+          crashedPage: true,
+          boundary: "global",
+          router: "app",
+        },
+      });
+    });
   }, [error]);
 
   return (

apps/dashboard/src/pages/_error.tsx

@@ -23,6 +23,20 @@ CustomErrorComponent.getInitialProps = async (contextData) => {
   // time to send the error before the lambda exits
   await Sentry.captureUnderscoreErrorException(contextData);
 
+  if (contextData.err instanceof Error) {
+    Sentry.withScope((scope) => {
+      scope.setTag("page-crashed", "true");
+      scope.setLevel("fatal");
+      Sentry.captureException(contextData.err, {
+        extra: {
+          crashedPage: true,
+          boundary: "global",
+          router: "pages",
+        },
+      });
+    });
+  }
+
   // This will contain the status code of the response
   return NextErrorComponent.getInitialProps(contextData);
 };