feat: add dynamic Open Graph and Twitter Card meta tags to project pages

[sat-06]

Description

Added dynamic Open Graph and Twitter Card meta tags to templates/project.html for project detail pages.

The tags now dynamically render:

• project title
• project description
• project URL

This improves social media sharing previews for individual project pages when shared on platforms like LinkedIn, WhatsApp, Discord, and Twitter/X.

Changes Made

• Added og:title
• Added og:description
• Added og:type
• Added og:url
• Added twitter:card
• Added twitter:title
• Added twitter:description

Testing

• Ran the Flask app locally using python app.py
• Verified tags using page source inspection (Ctrl + U)
• Tested across multiple project pages to confirm dynamic rendering

Related Issue

Fixes #94

Screenshots

Added dynamic OG and Twitter meta tags visible in the page source for different project pages.

[vercel]

@sat-06 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your first pull request to DevPath.

Before review:

• Complete the PR template fully
• Ensure all tests pass
• Link your PR to an issue
• Keep changes scoped to the issue

A maintainer will review your contribution soon.

[sat-06]

Hi @komalharshita
I have resolved the conflicts and updated the PR. Please go through it and let me know if any changes are required from my side.
Thank you!

[komalharshita]

Nice contribution — this is a clean and useful SEO/social-sharing enhancement.

The Open Graph and Twitter Card tags are implemented correctly using dynamic project data, and the changes are well-scoped without affecting existing functionality.

This will improve how project pages appear when shared across platforms like LinkedIn, Discord, WhatsApp, and Twitter/X.

One optional future improvement could be adding a default og:image / twitter:image preview image, but the current implementation is already good to merge.