[FEATURE]: WebSocket service - Service for WebSocket Connection and Real Data Flow

Feature Description

We want to create a service socket.ts to establish a connection for real-time data flow between the frontend and backend.

Solution Description

Implementation Details:

1.WebSocket Connection: Establish secure, real-time communication using Socket.IO. 2. Management: Handle custom events for receiving transcription and summaries, and sending user actions. 3.Reconnection Strategy: Implement automatic reconnection in of connection drops. 4. Security: Use WSS for encrypted data transmission. 5.Error Handling: Robust error handling to issues in real-time communication. 6. Provide hooks for React components to interact with the WebSocket. 7. Testing: Write tests to validate service functionality.

Acceptance Criteria:

• Thesocket.ts` service should establish and maintain a connection with the backend.
• The service should the real-time data flow for transcription and summary.
• The service should emit events or callbacks new data is received from the backend.
• The should handle reconnection logic in case of connection.
• The service should provide a way to messages to the backend through the WebSocket connection. The service should handle security concerns such as usingSS (WebSocket Secure) if required.
• Unit should be written to cover the functionality of thesocket.ts` service.

Alternative Description

No response