Feat: Convert Classnames on All Pages to follow BEM naming Convention

[shreyash3087]

Describe the feature

To improve the maintainability, scalability, and readability of our CSS, we need to refactor the class names across all pages of the website to follow the BEM (Block, Element, Modifier) naming convention. The BEM methodology helps create reusable and modular code, making it easier to manage and less prone to conflicts.

Tasks:

• Review Current Class Names
• Refactor Class Names
• Update Stylesheets
• Update JavaScript

Add ScreenShots

N/A

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I'm a VSoC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[mdazfar2]

@shreyash3087 Issue acknowledged. Task assigned to you.

[github-actions[bot]]

Hello @shreyash3087! Your issue #604 has been closed. Thank you for your contribution!