Real-time Data & WebSocket Reliability

[dDevAhmed]

• 📚 Overview: Refactor WebSocket hooks for stability, performance, and clear user feedback.
• 🎯 Objectives:
  • Implement exponential backoff
  • Prevent hook memory leaks
  • Add sync status indicators
• 🧠 Problem Context: WebSockets currently lack robust reconnection logic and can cause UI jitter during high traffic.
• 🧩 Technical Scope: useWebSocket.ts, useRealtimeData.ts, AppLayout.tsx.
• ✅ Acceptance Criteria:
  • Reconnects automatically after disconnect
  • No memory leaks on component unmount
  • Visual indicator for sync status
• 🔐 Security / Integrity Considerations: Stale data can lead to incorrect staking decisions.
• ⏳ Complexity & Effort: High
• 🔗 References: Internal Ref #FE-MATURE-002
• 🏷️ Labels: frontend, realtime, stellar-wave, complexity-high

---