Fix page crash when using useTxNotifications on pages without ChakraProvider, restore latest sentry version (#5179)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on updating dependencies and modifying the error message presentation in the `errorParser.tsx` file. It upgrades several `@sentry` packages and refines the structure of the error messages displayed to users.

### Detailed summary
- Updated `@sentry/nextjs` from `8.34.0` to `8.35.0`.
- Changed the `PLEASE_REACH_OUT_MESSAGE` structure from using `<Text>` to a `<span>`.
- Updated the class name for the `<Link>` from `font-bold` to `font-semibold`.
- Modified error message rendering in `parseErrorToMessage` to use `<span>` instead of `<Text>`.
- Updated several `@sentry` internal dependencies to version `8.35.0` across `pnpm-lock.yaml`.

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

<!-- end pr-codex -->

Author: MananTank

apps/dashboard/package.json

@@ -46,7 +46,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tooltip": "1.1.3",
-    "@sentry/nextjs": "8.34.0",
+    "@sentry/nextjs": "8.35.0",
     "@shazow/whatsabi": "^0.15.4",
     "@stripe/react-stripe-js": "^2.8.1",
     "@stripe/stripe-js": "^3.5.0",

apps/dashboard/src/utils/errorParser.tsx

@@ -1,15 +1,14 @@
 import Link from "next/link";
 import posthog from "posthog-js";
-import { Text } from "tw-components";
 
 const PLEASE_REACH_OUT_MESSAGE = (
-  <Text as="span" color="inherit">
+  <span>
     If you believe this is incorrect or the error persists, please visit our{" "}
-    <Link className="font-bold underline" target="_blank" href="/support">
+    <Link className="font-semibold underline" target="_blank" href="/support">
       support site
     </Link>
     .
-  </Text>
+  </span>
 );
 
 const UNKNOWN_ERROR_MESSAGE = "An unknown error occurred, please try again.";
@@ -19,12 +18,8 @@ export function parseErrorToMessage(error: unknown): string | JSX.Element {
 
   return (
     <div className="flex flex-col gap-4">
-      <Text as="span" color="inherit" noOfLines={3}>
-        {message}
-      </Text>
-      <Text fontStyle="italic" as="span" color="inherit">
-        {PLEASE_REACH_OUT_MESSAGE}
-      </Text>
+      <span className="line-clamp-3">{message}</span>
+      <span className="italic">{PLEASE_REACH_OUT_MESSAGE}</span>
     </div>
   );
 }