fix: revised layout of the website

[CBID2]

For an example of how to fill this template out, see this Pull Request in the Wiki.

Description

In this PR, I placed the <header/> tag before the <main> tag. Even though the task suggested to Remove landmark tags (like header, footer, aside) from the <main>, I decided to keep it simple and remove one of them as the other parts seem to follow the layout that was created.

Fixes Issue

Closes #49

Acceptance Criteria

• Remove landmark tags (like header, footer, aside) from the main
• The <Header /> components appears before the <main> tag
• <Content /> and <Hero /> components stay inside the since they are containing the information of the main content

Type of Changes

Make sure your code follows the code style of this project.
Make sure your code is up2date.
The title of the PR is the same as the title of the issue.

	Type
x	🐛 Bug fix
	✨ New feature
	🔨 Refactoring
	💯 Add tests
	🔗 Update dependencies
	📜 Docs

Updates

Before

After

Testing Steps / QA Criteria

[netlify]

✅ Deploy Preview for accessibility-mentor ready!

Name	Link
🔨 Latest commit	2dc1643
🔍 Latest deploy log	https://app.netlify.com/sites/accessibility-mentor/deploys/653d61cb57890d0008327bcb
😎 Deploy Preview	https://deploy-preview-62--accessibility-mentor.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 100 Accessibility: 100 Best Practices: 100 SEO: 92 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[CBID2]

Hi @YuriDevAT! :) My PR is ready for review! :)

[CBID2]

Hi @YuriDevAT. I made the PR! :)

[YuriDevAT]

Thanks for another contribution 🥳