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) :)