feat/#3298/Add sticky social media share component below blog banner.

[bhanushaliparthhitesh]

Related Tickets & Documents
Fixes: #3298

Description
This PR updates the placement, design, and behaviour of the social media share component in blog pages to improve user engagement and UX.

Current Behaviour

• The share component appears at the top of the blog, next to the reviewer name.
• It is not sticky and scrolls away with the header.
• The layout is vertical (in some contexts) or hidden.

Expected Output (Implemented)

• Relocated: The social share component is moved to the right sticky sidebar.
• Positioning: It is placed immediately below the Waitlist Banner and above the Ad Banner for better visibility.
• Sticky Effect: The component follows the user as they scroll, ensuring share options are always accessible.
• Design: The share buttons (Twitter, LinkedIn, Copy Link) are arranged in a horizontal row with optimized spacing.

Type of Change

• Chore
• Bug fix
• New feature
• Breaking Change
• UI improvement
• Performance improvement
• Documentation update
• CI
• Revert

Testing
Manual Testing Performed

• Placement : Verified the component appears in the right sidebar, above the Ad banner.
• Sticky Behaviour : Confirmed the component stays visible while scrolling down long posts.
• Responsiveness : Verified it is hidden on mobile/tablet (<1024px) and visible on desktop.
• Functionality : Tested Twitter, LinkedIn, and Copy Link buttons (including "Copied!" state).
• Layout : Confirmed horizontal alignment of icons and reduced gap between components.

Environment and Dependencies

• New Dependencies: None
• Configuration Changes: None

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added corresponding tests
• I have run the build command to ensure there are no build errors
• My changes have been tested across relevant browsers/devices
• For UI changes, I've included visual evidence of my changes

BEFORE :

AFTER :

VIDEO TESTING :

AFTER.-.Made.with.Clipchamp.mp4

[bhanushaliparthhitesh]

@amaan-bhati Have a look .

[Copilot]

Pull request overview

This PR relocates the social media share component from the blog post header to a sticky sidebar position, improving visibility and user engagement. The component is redesigned with horizontal button layout and sticky behavior to keep share options accessible while scrolling.

Key Changes:

• Moved social share functionality from PostHeaderAuthors to new StickyShare component in sticky sidebar
• Implemented sticky positioning below Waitlist Banner and above Ad Banner
• Updated button layout from vertical to horizontal with optimized spacing

Reviewed changes

Copilot reviewed 3 out of 4 changed files in this pull request and generated 4 comments.

File	Description
components/StickyShare.tsx	New sticky share component with Twitter, LinkedIn, and copy link functionality
components/post-body.tsx	Integrated StickyShare into right sidebar between WaitlistBanner and AdSlot; removed demo JSON data and cleaned up formatting
components/PostHeaderAuthors.tsx	Removed social share buttons and related state/imports from header component
package-lock.json	Automated dependency metadata updates (peer flags, fsevents addition)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[bhanushaliparthhitesh]

@copilot open a new pull request to apply changes based on the comments in this thread