[Feature] Organise code with proper indentation and comments

[Xaid-vfx]

Problem

The current code in the repository is not well defined, organized, or commented

Description

• organize the code structure in accordance with standard rules and indentation
  • format HTML with prettier #258
• include comments to aid future contributors in understanding the function of each segment of code

For example:
This is the current code:

The above code looks messy.

The organized code:

Implementation

• I would be interested in implementing this feature.

[possumbilities]

@Xaid-vfx I think this helps in a lot of ways to make the code clearer. Nice idea! ❤️

[TimidRobot]

Please see Contribution Guidelines — Creative Commons Open Source for how we manage issues and PRs.

We generally don't assign issues prior to resolution. Instead of asking for issues to be assigned, do the work and submit a pull request (PR). Even if multiple people submit PRs for the same issue, multiple ideas and implementations strengthen the final product.

For work program applicants, each can all list their own PRs on their application. It is the quality of work that is important, not whether it is merged.