Add real-time consumer panel and paginated transaction results

- Implement WebSocket endpoint (/ws/fraud-results) in API for real-time fraud detection updates
- Add Redis pub/sub listener in API to broadcast consumer results to connected WebSocket clients
- Update consumer to publish fraud detection results to Redis 'fraud_results' channel with transaction details
- Add WebSocket connection logic in frontend with auto-reconnect (exponential backoff)
- Display real-time consumer status panel with fraud score color coding and decision status
- Implement client-side transaction results pagination (10/25/50 items per page)
- Add pagination controls: Previous/Next buttons, page indicator, page size selector
- Newest-first transaction sorting (DESC by timestamp)
- Add comprehensive styling for consumer panel and pagination controls
- All frontend components tested and builds successfully

Co-authored-by: Copilot <[email protected]>

consumer/pipeline.py

@@ -193,7 +193,8 @@ def process_transaction(transaction, components):
         transaction_id=transaction_id,
         decision=decision,
         layer1_score=layer1_score,
-        layer2_score=layer2_score
+        layer2_score=layer2_score,
+        transaction_data=transaction  # Pass full transaction for pub/sub message
     )
     
     # ─────────────────────────────────────────────────────────────────────────