Refactor innerHTML Concatenation to Template Literals

[haroon10725]

Current Behavior

Currently, we are using the innerHTML concatenation method with the + operator to generate dynamic HTML content.

Desired Situation

Refactoring this to use template literals would significantly improve code readability, maintainability, and clarity, making the HTML structure easier to understand and modify.

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.

[monk0707]

@haroon10725 Can I work on this issue?

[haroon10725]

@monk0707 Let discuss in the matrix channel. There are too many files that have to be migrated. We should decide there, who is migrating which file.