[frontend] 대화 진행 페이지 기본 레이아웃 개발 진행

[peanudge]

내용

해당 이슈는 구체적인 디자인 완성보다는 기본적인 기능단위의 레이아웃에 집중합니다.

대화 진행 페이지는 사용자, 시스템(타이머)와 인터렉션이 가장 많이 있는 페이지입니다.

사용자 인터렉션들을 리스팅해서 어떻게 진행할 지 정리 후 코드화해서 진행해보겠습니다.

• 각 사용자를 Image(profile image) or 캐릭터(image가 없을시)를 이용해서 �Card Collection 형태로 보여주기
• 사용자 Card를 터치시 감정표현 리스트를 원형 리스트로 제공해주기
• 타이머를 이용해서 투표 화면으로 전환하기(상태로 관리해야할 듯 합니다.)
• 하단 Tool tip 메세지로 대화 주제 던져주기.
• 대화 종료 버튼만들고 클릭시 Alert 형태의 모달 제공해주기