Enhance leaderboard with sticky current-user rank summary

[josephchimebuka]

Category

leaderboard UI

Labels

frontend, leaderboard, profile, ui-ux

Difficulty

intermediate

Why this matters

Leaderboard looks good visually but doesn’t keep the player’s own position visible.

Likely files/components affected

• src/components/Leaderboard.tsx
• src/store/useWalletStore.ts

What contributor should improve

Add sticky/current-user rank summary card with contextual messaging.

Expected final behavior

Users can quickly track personal ranking while browsing top players.

UI/UX goals

• Boost competitive motivation
• Improve self-progress visibility
• Preserve podium aesthetic

Acceptance criteria

• Current-user rank card appears when wallet connected
• Graceful state if user is unranked
• Sticky behavior works on larger screens
• Mobile layout remains clear

[jotel-dev]

@jotel-dev has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Pls assign me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @jotel-dev to this issue.

[K1NGD4VID]

@K1NGD4VID has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello, maintainer. i would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @K1NGD4VID to this issue.

[harystyleseze]

@harystyleseze has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, I would like to resolve this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @harystyleseze to this issue.