Build Partners Section

[mqnguyen5]

Is your feature request related to a problem? Please describe.
Inside the "Message" page, we have a section display the list of the user matched partners. This section would contains several elements, from the search input to look up one or many partners, to a card which display the partners' name, profile image, and a preview of the recent message the user had with them.

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

• FE: Build a "card" component to display the matched partners in the list
• Query Chat Room #178
• BE: Query match

Describe the solution you'd like

Acceptance criteria

• Partners are rendered successfully in the "card", alongside with their profile image, name, and a message preview
• Search input is rendered successfully and the user can type text in it
• Unmatched users should also appear on query

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

[minhhang107]

we can split this into 2 sub tasks: SearchBar and PartnerList. I'm not sure if we need to split this into separate issues so for now let's just specify these 2 tasks in the description