공동 모임장 UI 퍼블리싱

[ocahs9]

🚩 관련 이슈

• close 공동모임장 UI 퍼블리싱 #936

📋 작업 내용

공동 모임장 퍼블리싱 작업

• 모임개설 - 공동모임장 추가 기능 구현 (react-mention 사용)
• 모임 수정 - 모임 개설과 동일하게 적용
• 공동모임장 멘션을 위한 SearchMention 구현 ( + Context 도 만들어두긴 했습니다. 직접적인 사용은 x)
• 반응형 구현 (pc, 모바일)
• 모바일 멘션 바텀시트 구현 (바깥쪽 deemed처리 된 부분 클릭 시 자동 닫기 기능도 구현)
• 모임 상세보기 - 공동모임장 프로필 뷰 변경

📌 PR Point

• 이해를 돕고자 주석 추가해놓았으니 참고 부탁드립니다.
• 다만 pc에서 모임 개설, 수정에서 공동 모임장 추가의 경우 유저리스트가 뜰 때 약간 모습이 다릅니다.
  (react-mention을 사용하기 때문에, 제가 직접 만든 input 틀에 넣어 변경하는 것은 구현이 어려웠습니다.)
• 또한 피그마와 달리 MDS에서의 기본 프로필 모양이 조금 다릅니다.
• coLeaders.map is not a function 문제가 계속 일어나서, defaultValue를 설정해주었습니다.
  (Presentation의 전체적인 형식(FormController를 사용하는 형식) 을 따르기 위해서)

📸 스크린샷

coLeader_1.mp4

coLeader_2.mp4

coLeader_3.mp4