toast part design update

components/provider/index.tsx

@@ -6,7 +6,7 @@ import { Footer, Navbar } from "../layout";
 import { PriceModal } from "../priceContact";
 import { Analytics } from "@vercel/analytics/next";
 import { ReactNode } from "react";
-import { ToastContainer } from 'react-toastify';
+import { Bounce, Flip, ToastContainer, Zoom } from "react-toastify";
 
 const queryClient = new QueryClient();
 
@@ -20,7 +20,13 @@ export function Providers({ children }: { children: ReactNode }) {
         <Footer />
         <PriceModal />
         <Analytics />
-        <ToastContainer/>
+        <ToastContainer
+          position="top-center"
+          autoClose={3000}
+          hideProgressBar={true}
+          transition={Zoom}
+          theme="colored"
+        />
       </QueryClientProvider>
     </div>
   );