[Frontend] Implemented Team-wise Chat System

[amlannandy]

Description

This PR implements team-wise chat functionality in the frontend. The detailed changes are listed below commit-wise.

Commit 1

• Created actions and reducer for fetching all previous chat messages of a team

Commit 2

• Created the UI for Chatroom Page

Commit 3

• Added empty banner to Chatroom Page which will be shown when there are no messages

Commit 4

• Added socket.io-client package for connecting to the websocket in the Flask backend.
• Created redux actions and reducer for handling send_message and receive_message websocket events.

Fixes #609

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Demo Video has been provided below

Test Configuration:

• Google Chrome
• Windows

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[ThatUdeshUK]

Nice work 👍🏻