feat: Add Social Share Buttons and BlogPost Layout (#6)

[Nagajyothi-tammisetti]

What does this PR do?

Implements social share buttons and a reusable blog post layout as requested in issue #6.

• Added src/data/blog.js with sample blog data following the existing mentors.js pattern
• Created src/components/ShareButtons.jsx — reusable component supporting Twitter/X, LinkedIn, WhatsApp, Copy Link, and native navigator.share for mobile
• Created src/components/BlogPostLayout.jsx — blog post template with category badge, meta info, tags, and ShareButtons at the bottom
• Updated src/App.jsx with /blog and /blog/:slug routes
• Updated src/main.jsx to wrap app in <BrowserRouter>

Type of change

• ✨ New feature

Checklist

• I've tested my changes locally (npm run dev)
• My code follows the project style guide
• No console errors introduced
• No third-party tracking scripts introduced
• Components accept title and url as props
• Responsive and consistent with HerStack design system

Screenshots (if UI change)

Related issue

Closes #6

[vercel]

@Nagajyothi-tammisetti is attempting to deploy a commit to the HerStack's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Nagajyothi-tammisetti]

Hi @escher-m, I've opened PR #21 with the implementation.
All acceptance criteria from the issue are covered.
Please review when you get a chance!

[Nagajyothi-tammisetti]

✅ Screenshots — Feature Working Locally

Blog Listing Page — All 3 blog posts render correctly with category badges, titles, excerpts, and read time.

Share Buttons — Twitter/X, LinkedIn, WhatsApp, Copy Link, and native Share button all render at the bottom of each blog post.

Copy Link Toast — Clicking "Copy Link" changes button text to "Link Copied!" and shows a green "✅ Link copied to clipboard!" toast confirmation.

All acceptance criteria from issue #6 are verified and working locally. Ready for review!

[Nagajyothi-tammisetti]

mark the points as per GSSoC contribution guidelines? Thanks!