feat: add Metadata component with react-helmet for dynamic SEO manage

[alienx5499]

Closes: #238

Overview

This PR introduces the Metadata component, which leverages react-helmet to manage dynamic meta tags for improved SEO and social media integration.

Changes

• Metadata Component:

  • Created Metadata.jsx to handle dynamic setting of meta tags.
  • Integrated Open Graph and Twitter Card meta tags for enhanced link sharing on social platforms.
  • Added defaultProps to ensure essential meta information is always present.
  • Defined PropTypes for type checking and maintainability.

• SEO and Accessibility Enhancements:

  • Organized meta tags into standard, Open Graph, Twitter Card, and PWA sections for better readability and structure.

• Progressive Web App Support:

  • Included links to manifest.json and various favicon sizes to support PWA features.

Benefits

• SEO Improvement: Better meta management leads to improved search engine rankings.
• Social Media Integration: Enhanced appearance of shared links on platforms like Facebook and Twitter.
• Maintainability: Use of PropTypes and defaultProps ensures the component is robust and easy to maintain.
• Accessibility: Organized meta tags contribute to better accessibility standards.

Testing

• Verified that meta tags are correctly inserted in the document head.
• Tested social media sharing to ensure Open Graph and Twitter Card tags are functioning as expected.
• Ensured that default props provide necessary meta information when specific props are not supplied.

Notes

• Replace placeholder values (e.g., URL_TO_IMAGE, @YourTwitterHandle) with actual URLs and handles as needed.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
chaos-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 9, 2025 7:34am

[github-actions]

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

[github-actions]

👋 Welcome, @alienx5499! Thank you for your first pull request to ChaosWeb! We’re excited to see how you’ve contributed to the madness. 🎉 Our team will review your chaotic creation soon. Keep the disorder coming! 🚀

[vansh-codes]

Which issue did you work upon? Please mention the issue number

[alienx5499]

Closes: #238