[Good First Issue] Add WebSocket support for real-time debate streaming

[pixelstrade-dev]

Description

Currently debate turns are fetched via polling. WebSocket support would enable real-time streaming of debate turns as they happen.

What to do

1. Set up a WebSocket server alongside the Next.js app
2. 2. Create a /ws/debate/[id] endpoint for real-time updates
3. 3. Emit events for new turns, score updates, debate status changes
4. 4. Update the debate frontend to use WebSocket instead of polling
5. 5. Add reconnection logic and error handling

Skills needed

• TypeScript
• • WebSocket (ws or Socket.io)
• • • React hooks

References

• Debate API: apps/web/app/api/debate/
• • Next.js custom server docs