adding toast and displaying fees in the swap-form and modal

src/components/providers.tsx

@@ -10,6 +10,7 @@ import { defineChain } from 'viem';
 
 import { TranslationsProvider } from '@/providers/translations-provider';
 import { Header } from '@/components/header';
+import { ToastProvider } from '@/components/ui/toast';
 
 const mockchain = defineChain({
   id: 31337,
@@ -87,12 +88,14 @@ export function Providers({ children }: { children: React.ReactNode }) {
         storageKey="liquidity-party-theme"
       >
         <Web3Provider>
-          <div className="min-h-screen flex flex-col">
-            <Header />
-            <main className="flex-1 container mx-auto px-4 py-8">
-              {children}
-            </main>
-          </div>
+          <ToastProvider>
+            <div className="min-h-screen flex flex-col">
+              <Header />
+              <main className="flex-1 container mx-auto px-4 py-8">
+                {children}
+              </main>
+            </div>
+          </ToastProvider>
         </Web3Provider>
       </ThemeProvider>
     </TranslationsProvider>