Unify transaction toast notifications (issue #5)

- Fix error toasts auto-dismissing; now require manual dismissal per acceptance criteria
- Add notifyTxSuccessLocal for success states without a real tx hash
- Migrate SwapCard.tsx off raw sonner calls to unified TxToasts helpers

Author: DingiDinigi

components/TxToasts.test.tsx

@@ -106,6 +106,11 @@ describe('notifyTxError / notifyTxPending', () => {
     expect(toastMock.error.mock.calls[0][1].description).toBe('User rejected');
   });
 
+  it('notifyTxError requires manual dismissal (duration: Infinity)', () => {
+    notifyTxError('User rejected');
+    expect(toastMock.error.mock.calls[0][1].duration).toBe(Infinity);
+  });
+
   it('notifyTxPending shows a loading toast', () => {
     notifyTxPending();
     expect(toastMock.loading).toHaveBeenCalledTimes(1);

components/TxToasts.tsx

@@ -46,7 +46,7 @@ export function notifyTx(
   }
 
   return toast.error(t('txToasts.failed', 'Transaction failed'), {
-    description: opts.chain ? undefined : undefined,
+    duration: Infinity,
   });
 }
 
@@ -70,10 +70,22 @@ export function notifyTxSuccess(txHash: Hash, chain?: Chain, onSuccess?: () => v
   onSuccess?.();
 }
 
+/**
+ * Convenience: success toast with unified styling but no explorer link,
+ * for actions that succeed without producing an on-chain tx hash yet.
+ */
+export function notifyTxSuccessLocal(message: string) {
+  toast.success(t('txToasts.sent', 'Transaction sent'), {
+    description: message,
+    duration: 5000,
+  });
+}
+
 /** Convenience: error toast with a user-safe message. */
 export function notifyTxError(message: string) {
   toast.error(t('txToasts.failed', 'Transaction failed'), {
     description: message || t('txToasts.rejected', 'The transaction was rejected or failed.'),
+    duration: Infinity,
   });
 }
 

components/swap/SwapCard.tsx

@@ -5,7 +5,7 @@ import { ArrowDownUp, RefreshCw } from 'lucide-react';
 import { KNOWN_TOKENS } from '@/lib/services/RouteOptimizer';
 import { useRouteOptimizer } from '@/lib/hooks/useRouteOptimizer';
 import { SwapRouteDisplay } from './SwapRouteDisplay';
-import { toast } from 'sonner';
+import { notifyTxError, notifyTxSuccessLocal } from '@/components/TxToasts';
 
 export function SwapCard() {
   const [tokenInSymbol, setTokenInSymbol] = useState('USDC');
@@ -49,11 +49,11 @@ export function SwapCard() {
 
   const handleExecuteSwap = () => {
     if (!route) {
-      toast.error('No valid route available for swap');
+      notifyTxError('No valid route available for swap');
       return;
     }
 
-    toast.success(
+    notifyTxSuccessLocal(
       `Swapped ${amountInStr} ${tokenInSymbol} for ~${formatOutput()} ${tokenOutSymbol} via ${
         route.hops.length > 1 ? 'multi-hop route' : 'direct route'
       }`