adding in context for mui toast custom

packages/web/pages/_app.tsx

@@ -2,8 +2,8 @@ import "../styles/globals.css";
 
 import type { AppProps } from "next/app";
 import Head from "next/head";
+import { NirvanaToastProvider } from "../components/providers/toastProvider";
 import React from "react";
-import { Toaster } from "react-hot-toast";
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
@@ -25,9 +25,11 @@ function MyApp({ Component, pageProps }: AppProps) {
         />
       </Head>
 
-      <main className="min-h-screen min-w-screen bg-zinc-700 flex flex-col">
-        <Component {...pageProps} />
-      </main>
+      <NirvanaToastProvider>
+        <main className="min-h-screen min-w-screen bg-zinc-700 flex flex-col">
+          <Component {...pageProps} />
+        </main>
+      </NirvanaToastProvider>
     </>
   );
 }