Description

Adds a reusable social share section to blog post pages and moves it to the end of each post, matching the requested compact vertical action layout. The share set now uses X, LinkedIn, email, and copy-link instead of the prior larger button treatment.

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

• Placement

  • Rendered the share UI from the shared BlogPostItem/Footer wrapper so it appears on every blog post page without touching individual posts.

• Share actions

  • Reworked the share component into compact circular actions aligned with the requested end-of-post design.
  • Kept X and LinkedIn.
  • Replaced the prior third social action with email.
  • Added copy-link for direct URL sharing.

• Behavior

  • Derived share URLs from post metadata (title, permalink) so actions are correct per post.
  • Added clipboard failure handling and accessible labels for copy state feedback.

{isBlogPostPage && (
  <SocialShare permalink={metadata.permalink} title={metadata.title} />
)}

Dependencies

• No new dependencies.
• No version or configuration changes required.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.