Feat: Converted Classes to BEM Naming Convention

[shreyash3087]

Description:

This PR converts classes to follow BEM naming convention,and fixes a margin issue on the Resources Page.

Issue Mentioned:

Closes #604

Changes Done-

• Converted ClassNames on HomePage.jsx,AboutsPage.jsx,ContactPage.jsx,ResourcesPage.jsx,ResourcesDetailsPage.jsx to BEM Naming Convention.
• Converted ClassNames on homepage.css,abouts.css,contact.css,resources.css,resourceloader.css,resourcedetails.css
• Deleted website2.0 directory

Video:

https://github.com/mdazfar2/HelpOps-Hub/assets/72603662/d2676bce-3ab8-42d5-92bc-51758e727500

Additional Context:

This PR is half of the full convertion work,the next half will be done in next PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
helpops-hub2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 25, 2024 6:40am

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[shreyash3087]

@mdazfar2 Someone had changed the margin of resources page by mistake i think so i fixed that as well-

[shreyash3087]

@mdazfar2 also before merging this PR kindly preview it on vercel first,and see if there's any issue,because it might be possible i might have missed any class by mistake(im a human)

[mdazfar2]

@mdazfar2 Someone had changed the margin of resources page by mistake i think so i fixed that as well-

Already raised issue for that @shreyash3087

[shreyash3087]

@mdazfar2 no problem then thats good

[mdazfar2]

update sync fork @shreyash3087

[shreyash3087]

@mdazfar2 already did,its showing up to date

[mdazfar2]

It is not showing up to date you can compare with the current ones: @shreyash3087

[shreyash3087]

@mdazfar2 just the contact page is not updated right? ill fix it,any other page which is not updated??

[mdazfar2]

@shreyash3087 you already solved this right?

[shreyash3087]

@mdazfar2 the margin issue? yes i did

[mdazfar2]

@mdazfar2 just the contact page is not updated right? ill fix it,any other page which is not updated??

You solved for resource bugs right?? If it is solved please mention issue #641 as solved @shreyash3087

[shreyash3087]

alright will mention that and update the contactus page,just give me a minute

[mdazfar2]

@shreyash3087 check out the dark mode in about page there is color issue in text as well as team

[shreyash3087]

alright

[mdazfar2]

@shreyash3087 look at this also

[mdazfar2]

@shreyash3087 There are many bugs in dark mode when we reload in team and contact. I think I should not merge this. Can we close this one? I think there is no need for BEM convention. please don't feel bad :)

[shreyash3087]

@mdazfar2 thats totally fine =) i wont have to do more work then on other pages,you can close it i think,its just that the codebase has become so large even i dont know which element is having effects form which classes sometimes they have effect from other page classes.