adding toastr and stuff

pages/_app.js

@@ -1,8 +1,9 @@
-import '../styles/globals.css'
-import 'antd/dist/antd.css';
-import Head from 'next/head'
-import { AuthProvider } from '../contexts/authContext'
-import SiteLayout from '../components/Layouts/SiteLayout'
+import "../styles/globals.css";
+import "antd/dist/antd.css";
+import Head from "next/head";
+import { AuthProvider } from "../contexts/authContext";
+import SiteLayout from "../components/Layouts/SiteLayout";
+import { Toaster } from "react-hot-toast";
 
 function MyApp({ Component, pageProps }) {
   return (
@@ -10,8 +11,10 @@ function MyApp({ Component, pageProps }) {
       <AuthProvider>
         <Component {...pageProps} />
       </AuthProvider>
+
+      <Toaster />
     </SiteLayout>
-  )
+  );
 }
 
-export default MyApp
+export default MyApp;