58 frontend visual overhaul for chatroom

What does this PR do?

This Pull Request exists for the function of completely overhauling the chat room interface. Much has been added or changed, with the bones of future features ready to be connected when the need arises. Input styling has been fixed and top menu bar has been added. Complete scalability has been implemented. Many depreciated and useless pieces of style code have been removed.

Github Issue Number

Resolves: #58

58 sought to completely overhaul visuals and fix various styling issues.

Relates to:

Author checklist

If any of these points have yet to be satisfied, make sure that you set the title to the format DRAFT #issue-num Title

[x] The title is short and descriptive of the PR. Must start with the Github Issue Number (format: #issue-num Title).
[x] The description follows proper cl description practices and mentions related Github Issues (make sure this is the first thing you mention).
[x] Branch has merged in the latest version of main
[ ] Linting has occured, as per the project linting config
[ ] All changed functions have proper docstring/wiki updates (front-end team) to describe what they do and how to use them.
[x] Add yourself as the assignee.
[x] Add reviewer a reviewer and let them know on discord.
[x] Ensure that all relevant ticket has been linked to the PR

Reviewer checklist

[x] Relevant issue is mentioned in description
[x] Code solves the issue
[x] Code follows the specification
[x] Code is the best solution for the issue
[x] Branch is ahead of main
[x] Ensures the fix/feature works locally

mustafa-tariqk / mindscape