[GOOD FIRST ISSUE] Add 'Open in GitHub' button to PersonalRecords top repo card

[Priyanshu-byte-coder]

Summary

PersonalRecords shows the top contributed repo by name but no link. Users must manually search GitHub.

Expected Behaviour

Small external-link icon next to the repo name opens github.com// in a new tab.

Implementation Notes

• Use heroicons ArrowTopRightOnSquareIcon (already in BadgeSection)
• Must include rel='noopener noreferrer' target='_blank'
• aria-label='Open on GitHub'

GSSoC Info

• Difficulty: Beginner — 20 pts
• Area: UI / DX

[srinidhi-2006-bit]

Hi @Priyanshu-byte-coder

I’m contributing under GSSoC’26 and I would like to work on this issue.

I understand that the task involves enhancing the PersonalRecords top repository card by adding an accessible “Open in GitHub” action with proper external link handling, security attributes, and icon integration consistent with the existing UI components.

I’ll ensure the implementation remains lightweight, responsive, and aligned with the current design system while maintaining accessibility best practices.

Looking forward to contributing to DevTrack.

[Himali009]

Hi @Priyanshu-byte-coder
I would like to work on this issue under GSSoC'26. I have understood the requirements and would love to contribute . Please assign this issue to me
Thank you!

[AayushiMohan]

Hi! I would like to work on this issue.
I am a GSSoC 2026 contributor. Please assign it to me.

[AayushiMohan]

Hey! I have submitted a PR for this issue.
Please review: #315