Add route for contributor stats badge
What does this MR do and why?
For team-task#1011
Adds a dynamic contributor stats badge that contributors can embed in their GitLab profile READMEs (or anywhere else!).
The badge is a horizontal SVG card showing:
- Contributor level (Level 1-4) with color-coded badge
- Total contribution points
- Breakdown of all 6 contribution categories (Code, Plan, Engage, Discuss, Translate, Other) with visual progress bars
- Clickable links to the Contributor Platform
The badge is generated on-demand at /users/:username/banner.svg. Every time someone views a README with the badge, it fetches the latest stats from our database and generates a fresh SVG.
Contributors can add it to their README with just one line:
Screenshots or screen recordings
Sample badge:
The vision is to eventually create a button in the contributor's platform to give users the opportunity to automatically add the badge to their GitLab profile readme. Here's a mockup of what that could eventually look like but NOTE this is an old design of the banner:
I'm not sure the best method for this yet or if it's worth the effort, but a relatively low effort next step could be to have an "Add to readme" button that copies to clipboard and re-directs to their GitLab profile.
Validation steps
- Checkout this branch
- Visit http://localhost:3030/users/ANYUSER/banner.svg