feat: 채팅 접속 화면 UI 구현

[DandelionQZ]

어떤 기능인가요?

추가하려는 기능 또는 개선하려는 부분에 대해 간결하게 설명해주세요.

채팅 접속 화면 UI를 구현하려고 합니다.

작업 상세

• 채팅 접속 화면 UI 틀 구성
  • 헤더
  • bottom 메뉴/텍스트인풋
• 채팅 내 컴포넌트 구현
  • 날짜
  • 상대 텍스트 박스
  • 유저 텍스트 박스
  • 사진 메시지 박스
  • 상태 메시지 박스 (파티 생성, 참가 메시지 등 표시)
• 1:1 파티장에게 보이는 추가 UI
  • 파티원 참여 여부 거절/수락
• 1:1 파티원에게 보이는 추가 UI
  • 파티장의 수락을 기다리고 있음
  • 파티장이 수락을 완료함 (파티 채팅방 가기 버튼)
• 1:N 모두에게 보이는 추가 UI
  • 파티장만
    • 모집중 ('모집을 마감하고 정산하기' 버튼)
      • (버튼 클릭시) 파티원 모집 완료 모달 띄우기 (채팅으로 정산하러 가기 버튼)
    • 모집 완료 ('파티 종료' 버튼)
      • (버튼 클릭시) 파티를 종료할까요? 모달 띄우기 (취소/종료하기 버튼)
  • 파티원만
    • 파티 참여 완료/인원 모집 완료/수령 완료! 상태 UI
• bottom 텍스트인풋 클릭시 키보드 올라오도록 구현
• bottom 메뉴 클릭시 앨범, 카메라 메뉴 UI 구현
• 앨범, 카메라를 통해 사진을 업로드 할 수 있도록 기능 구현

참고자료

관련 문서, 스크린샷, 또는 예시 등이 있다면 여기에 첨부해주세요.