Build Message Page

[mqnguyen5]

Is your feature request related to a problem? Please describe.
After the user is matched against several potential partners, let us create a page where he/she can not only view/search the list of matches but also communicate with them as well.

Are there any related issues? Please list all of them.

• FE: Build Partners Section #56 - includes a list of matched partners and a search input to look up partners by name
• FE: Build a "card" component to display the matched partners in the list
• FE: Build Chat Window #57 - the user can send messages (by text or photos), as well as the buttons for different actions (play ice-breaker game, send message, report user, un-match user,...)
• FE: Build chat bubble to display the message

Describe the solution you'd like

Acceptance criteria

• User is able to view the message when opening the chat window
• User is able to search in the list of partners to find someone to talk
• User is able to send message via text or photo

Describe alternatives you've considered
N/A

Additional context

• Final SRS: https://seneca.sharepoint.com/:w:/s/PRJ566NAAFall2021-Team04/EUqySSjxSqJLiVd2OyWDEAABJI8vfO567WsHBpPZmSQWCg?e=FJcwSh
• Figma Design: https://www.figma.com/file/D6OdyoGg8cbL1hAScPEsYI/PRJ-Diagrams