code quality improvements

[ryawaa]

The current code quality is garbage, with documentation only covering 8.4% of the entire codebase.
In addition to this, inconsistencies are seen everywhere.

Some notable ones are:

• Tailwind CSS: Inconsistent padding, and it doesn't look clean.
• Code Inconsistency: JS and TS are mixed up (well mostly on src/methods as public/ are excusable because of chrome extension limitations) (also because project is currently being ported to TS)
• Code Inconsistency: Formatting
• Code Inconsistency: Linting errors as provided by GitHub actions
• Reusability: Some React Elements are Repetitive and can be turned into Reusable Components
• Too Much Magic: Too much magic-oriented JavaScript code is present.
• No Unit Tests: This project has no Tests.
• Documentation: This project currently has a code coverage of 8.4%

Things can be improved here a lot and I know it myself. While I'm currently working on this, if you want to help with this, please make a pull request and mention this issue (do not link it) :)