Add metadata for every page to improve SEO and accessibility

[Danhhan]

Context:
Currently, the project does not include page-specific metadata, such as <title>, . These elements are crucial for improving the site's SEO, enhancing accessibility

What needs to be done:

• Add global metadata to the app (e.g., title, description) that applies to all pages.
• Ensure dynamic metadata is implemented for individual pages, so that each page can have its own custom metadata based on its content.

Why it matters:

• SEO Improvement: Each page will have relevant meta tags to improve its ranking on search engines.

• Social Media Previews: Pages will have appropriate previews when shared on platforms such as Facebook, Twitter, LinkedIn, etc.

• Accessibility: Well-structured metadata will also enhance accessibility for screen readers.

• Consistency: Metadata should be structured uniformly across the app for a more maintainable codebase.

[Danhhan]

@FrancescoXX Hello! so what do you think?

[zehan12]

Hey @FrancescoXX, I’ll take this up. Assign it to me.

[github-actions]

Hello! 👋

This issue has been automatically marked as stale due to inactivity 😴

It will be closed in 180 days if no further activity occurs. To keep it active, please add a comment with more details.

[FrancescoXX]

@Danhhan I realized we had an opne issue here, if you are still interested in doing that let me know. thanks

[zehan12]

@FrancescoXX , I've created the #191 pull request for the metadata update