feat: Implement Slippage Alert System with hooks and UI components

[dDevAhmed]

Starting: Write PR description (8/8)

Here is the draft for the Pull Request description:

---

🧭 Overview

This PR introduces the Slippage Alert System to BridgeWise, addressing the need for real-time monitoring and alerting of slippage during cross-chain transfers. This implementation ensures users and developers are notified when slippage exceeds safe thresholds, improving trust and reducing failed transfers.

---

🎯 Problem

• Users may unknowingly execute transfers with excessive slippage.
• Developers embedding BridgeWise lack automated alerts for high slippage.
• High slippage reduces user trust and increases failed transfer complaints.

---

💡 Solution

The Slippage Alert System includes:

1. useSlippageAlert Hook:
   • Monitors slippage in real-time.
   • Provides structured data: slippage, threshold, exceeded, and errors.
2. Integration with UI Components:
   • <BridgeCompare />: Highlights routes exceeding slippage thresholds.
   • <BridgeStatus />: Displays real-time alerts during transaction execution.
3. Configurable Thresholds:
   • Developers can configure slippage limits per token, bridge, or route.
4. Error Handling:
   • Handles missing or delayed slippage data gracefully.

---

🛠 Scope of Work

• Implemented useSlippageAlert hook in useSlippageAlert.ts.
• Added <BridgeCompare /> component in BridgeCompare.tsx.
• Added <BridgeStatus /> component in BridgeStatus.tsx.
• Created a configuration module for slippage thresholds in config.ts.

---

✅ Acceptance Criteria

• useSlippageAlert hook implemented and SSR-safe.
• Configurable thresholds per token, bridge, or route.
• Integration with <BridgeCompare /> and <BridgeStatus />.
• Real-time monitoring and alerting functional.
• Fallback behavior for missing slippage data.
• Unit tests for hook and UI integration.
• Documentation updated with usage examples.

---

📊 Expected Outcome

• Minimized user losses due to high slippage.
• Improved user trust and experience.
• Developers gain fine-grained control over safe transfers.
• Enhanced integration with benchmarking and fee monitoring.

---

🧪 Testing

• Simulated transactions with varying slippage levels.
• Verified real-time alerting in hooks and UI components.
• Tested threshold configurations and overrides.
• Confirmed fallback behavior for missing or delayed data.
• Validated SSR-safe and headless mode compatibility.

---

📚 Documentation

• Added “Slippage Alert System” section to README.
• Provided hook usage example:

  const { slippage, threshold, exceeded } = useSlippageAlert({
    token: "USDC",
    sourceChain: "Ethereum",
    destinationChain: "Stellar",
    maxSlippagePercent: 1.0,
  });

• Included examples for UI and headless mode integration.
• Documented configuration options and fallback behavior.

---

closes #78