Add social media share buttons to the profile page (Bluesky, Mastodon, X)

Salim Zidanerequested to merge
gitlab-community/gitlab-org/developer-relations/contributor-success/contributors-gitlab-com:79/social-share into main

What does this MR do and why?

Adds a social share button to the contributor profile page (surface 1 of #79).

When a contributor views their own profile, a row of share buttons appears below the LevelProgress bar.

The buttons let them share their profile on X, Bluesky, or Mastodon, or copy the link directly. The shared message includes their current level and points.

Related to #79

Screenshots or screen recordings

Validation steps

  1. Log in and navigate to your own profile (/users/:username)
  2. Confirm the share buttons appear below the level progress bar
  3. Click X : verify it opens x.com/intent/tweet with the correct text.
  4. Click Bluesky : verify it opens bsky.app/intent/compose with the correct text
  5. Click Mastodon : verify it opens share.joinmastodon.org with the correct text
  6. Click Copy link : verify the button briefly shows "Copied!" and the clipboard contains the profile URL
  7. Navigate to another user's profile : confirm the share buttons are not visible

/cc @leetickett-gitlab

Edited by Salim Zidane

Merge request reports