feat: add client and update data flow

[cjw9506]

🚀 목적 및 필요성

경매방을 시각적으로 보기 위해 프론트 코드 추가합니다. 경매방에 대한 데이터 플로우를 개선합니다.

• 채팅방 진입(웹소켓 커넥션) 시도 중 roomId와 계정 검증 후 메시지 발행, 구독하게 변경
• 기존 데이터 플로우 프론트 코드에 맞춰서 변경

📋 작업 상세 내용

• [ ] 경매방 UI 생성
• [ ] UI 흐름에 맞춰 데이터 플로우 개선

📎 참고 사항

• [ ] (여기에 참고할 사항을 작성하세요.)