[TOOL-4642] Fix useTxNotifications errors not shown in project contract pages (#7259)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on adding an `ErrorProvider` wrapper around the layout of the `ContractLayout` component to handle errors more effectively.

### Detailed summary
- Added import for `ErrorProvider`.
- Wrapped the main layout in an `ErrorProvider`.
- Removed the previous layout structure while integrating the `ErrorProvider`.
- Maintained the structure of `TeamHeaderLoggedIn`, `SharedContractLayout`, `SaveLastUsedProject`, and `AppFooter` within the new error handling context.

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

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - Improved error handling on the contract page with the addition of enhanced error context support.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/layout.tsx

@@ -5,6 +5,7 @@ import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { redirect } from "next/navigation";
 import { SaveLastUsedProject } from "../../../(sidebar)/components/SaveLastUsedProject";
 import { SharedContractLayout } from "../../../../../../(dashboard)/(chain)/[chain_id]/[contractAddress]/shared-layout";
+import { ErrorProvider } from "../../../../../../../../contexts/error-handler";
 import { getValidAccount } from "../../../../../../account/settings/getAccount";
 import {
   getAuthToken,
@@ -59,31 +60,33 @@ export default async function ContractLayout(props: {
   });
 
   return (
-    <div className="flex min-h-dvh flex-col bg-background">
-      <div className="border-border border-b bg-card">
-        <TeamHeaderLoggedIn
-          currentProject={project}
-          currentTeam={team}
-          teamsAndProjects={teamsAndProjects}
-          account={account}
-          accountAddress={accountAddress}
-          client={client}
-        />
+    <ErrorProvider>
+      <div className="flex min-h-dvh flex-col bg-background">
+        <div className="border-border border-b bg-card">
+          <TeamHeaderLoggedIn
+            currentProject={project}
+            currentTeam={team}
+            teamsAndProjects={teamsAndProjects}
+            account={account}
+            accountAddress={accountAddress}
+            client={client}
+          />
+        </div>
+        <SharedContractLayout
+          contractAddress={params.contractAddress}
+          chainIdOrSlug={params.chainIdOrSlug}
+          authToken={authToken}
+          projectMeta={{
+            teamId: team.id,
+            projectSlug: params.project_slug,
+            teamSlug: params.team_slug,
+          }}
+        >
+          {props.children}
+        </SharedContractLayout>
+        <SaveLastUsedProject projectId={project.id} teamId={team.id} />
+        <AppFooter />
       </div>
-      <SharedContractLayout
-        contractAddress={params.contractAddress}
-        chainIdOrSlug={params.chainIdOrSlug}
-        authToken={authToken}
-        projectMeta={{
-          teamId: team.id,
-          projectSlug: params.project_slug,
-          teamSlug: params.team_slug,
-        }}
-      >
-        {props.children}
-      </SharedContractLayout>
-      <SaveLastUsedProject projectId={project.id} teamId={team.id} />
-      <AppFooter />
-    </div>
+    </ErrorProvider>
   );
 }