issue#43 채팅페이지 기능 구현

[Catleap02]

📝 상세 내용

• 현재 접속자 목록도 조회 가능하도록 ui 수정
• Stomp 라이브러리를 이용한 웹소켓 통신 연결
• rest로 이전 채팅메세지를 불러오고(무한 스크롤, 페이지네이션 적용) + 소켓 구독으로 새로 들어오는 메세지들은 아래로 뜨도록 구현

#️⃣ 이슈 번호

• resolves [기능 구현] 채팅페이지 기능 구현 #43

💬 리뷰 요구사항

백엔드랑 통신하는 부분은 문제 없고, 처음에 sockJS로 짠 코드를 다시 stomp로 바꾸고, props 관리가 너무 힘들어서 한 페이지에 다시 짠 코드를 조금씩 분리하고 있는 탓에 코드 로직 분리가 덜 되어있어요

• rest instance도 사용하고, 소켓도 원래는 client를 config 폴더에 분리해서 함수를 싹 다 구현했었는데 이걸 적용 못 시켜서 일단 만약 먼저 머지하게 되어도 삭제는 하지 말아 주세요!
  코드 가독성 제외하곤 모바일 뷰도 적용했고, 일단 PR 올린 후에 뒤이어서 클린 코드 만들어 보겠습니다

⏰ 현재 버그

📷 스크린샷(선택)

모바일 뷰는 flex column으로 바꿔서 밑으로 내릴 수 있게 했어요!

🔗 참고 자료(선택)