enhc: Code Refactoring, Project Restructuring, and Unified Stylings

[Spiral-Memory]

Brief Title

Acceptance Criteria Fulfillment

• Removed Module.css files.
• Added inline stylings with Emotion CSS.
• Removed hotfix and added actual fix for emoji alignment.
• Removed older grid component (non-functional).
• Added a new grid component without any Module.css files.
• Fixed modal stylings.
• Refactored search component into sidebar.
• Refactored Attachment Component (It was using unnecessary code instead of using the component modal).
• Added styles.js files for components exceeding 2 lines of CSS.
• Changed <div> and <span> to <Box>.
• Basic project restructuring: separated core components from views.

Fixes #575

Video/Screenshots

A video demonstrating that all major features are working properly after these changes.

2024-05-12.22-32-00.mp4

[Spiral-Memory]

Hey @sidmohanty11 , I've made some changes related to refactoring many components' code and unifying the stylings, and I've done a simple restructuring of the project, separating components and views.

As far as I have tested, I'm seeing things working fine. However, since this PR has a lot of changes, there is a high chance of introducing bugs into the project, which I'll correct as soon as I notice them. Hence, I suggest creating a new branch 'v0.2' for the changes up to this point to preserve the project. Without that, it's unsafe to merge. Once you create a new branch, please review and merge it to 'develop' branch, and I'll fix any arising issues. Also, please don't squash and commit for this PR; otherwise, it will become difficult to go back to certain changes and drop or revert them.

[sidmohanty11]

nice!