Message 페이지 기능 구현하기

[Kim-DaHam]

개요

Message.tsx 페이지 기능을 구현한다.

✅ Todo

• [x] 헤더 메뉴에 '메세지' 버튼을 클릭하면 해당 페이지로 이동한다.
• [x] 좌측에 메세지 목록을 불러온다.
• [x] 메세지 별 우측에 채팅창과 채팅 상대 정보를 불러온다.
• [x] 메세지에 파일 첨부를 할 수 있다.
• [x] 메세지 목록
  • [x] 최신 메세지를 상단에 보여준다.
  • [x] 채팅방 나가기 버튼 클릭 시 정말 나가시겠습니까? 모달을 띄우고 삭제된다.
• [x] 채팅창
  • [x] 채팅방 나가기 버튼이 있다.
  • [x] 채팅방 나가기 버튼 클릭 시 정말 나가시겠습니까? 모달을 띄우고 삭제된다.
  • [x] 우측에 채팅 상대 정보를 띄운다.(프로필, 닉네임, 만족도, 연락 가능 시간, 주요 서비스)

추가 사항

우선순위에 따라 변동될 수 있습니다.