Fix social media sharing pills alignment using flexbox

[anirudhu-ui]

Fixes #8431

This PR fixes the misalignment of the social media sharing buttons in the sidebar.

I noticed that inline styles were being used, which was causing inconsistent alignment. I replaced them with a cleaner flexbox-based layout to ensure the buttons are properly aligned and spaced.

Changes made:

• Removed inline styles from the social sharing elements
• Added a flexbox container for better alignment
• Improved spacing between the buttons

Please let me know if any changes are needed. Thanks!

[anirudhu-ui]

Hi! I’ve worked on fixing the alignment of the social media sharing buttons using flexbox and removed inline styles.

Some tests seem to be failing — could you please guide me on what needs to be fixed?

@publiclab/reviewers

[anirudhu-ui]

I’m happy to make any changes if needed. This is my first contribution here, so I’d really appreciate any feedback!