Add CSS Class Names to Blocks Using BEM Methodology

[alaminfirdows]

We need to add appropriate CSS class names to the blocks following the BEM (Block Element Modifier) methodology. This will help make our code more structured, readable, and easier to maintain.

The BEM approach will allow us to create a clear naming convention for our CSS, ensuring that the styles are consistent and reusable across different components of the project. By using this method, it will also become simpler to understand the relationship between different elements and how they are styled.

Please review the blocks and apply class names using the BEM convention, making sure to follow the structure of block__element–modifier where needed.

This update will improve the maintainability and scalability of the CSS codebase.

Reference: https://getbem.com/