Message 페이지 레이아웃 그리기

[Kim-DaHam]

개요

Message.tsx 페이지 레이아웃을 간단하게 그린다.

✅ Todo

• [x] 좌측에 메세지 목록, 우측에 채팅창과 채팅 상대 정보가 존재한다.
• [x] 메세지 입력란 하단에 파일 첨부 버튼이 있다.
• [x] 메세지 목록
  • [x] 최신 메세지는 바탕색이 진하다.
  • [x] 채팅방 나가기 버튼을 클릭하면 '정말 나가시겠습니까?' 경고 모달이 뜬다.
• [x] 채팅창
  • [x] 채팅방 나가기 버튼이 있다.
  • [x] 우측에 채팅 상대 정보를 띄운다.(프로필, 닉네임, 만족도, 연락 가능 시간, 주요 서비스)
  • [x] 전문가의경우 '의뢰 폼 작성' 버튼이 존재한다. 클릭 시 의뢰 폼을 입력한다.

추가 사항

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