feature: Add copyable GitHub Profile README Badge generator on Developer Profile

[O2sa]

Add a 'Get README Badge' button on the developer profile page (/user/[username]) that generates a ready-to-use Markdown and HTML badge snippet (Shields.io style) for developers to embed in their GitHub Profile README.

Motivation

Developers love showcasing badges on their personal GitHub profiles. Every developer who embeds a DevImpact score badge in their profile creates an evergreen backlink that introduces the repository to thousands of visitors browsing GitHub profiles.

Tasks

• Add a 'Get README Badge' button in UserProfileClient action buttons.
• Create a modal or dropdown displaying a live preview of the badge (e.g., ![DevImpact Score](https://img.shields.io/badge/DevImpact_Score-85.4-blue?style=flat-square&logo=github)).
• Provide 1-click 'Copy Markdown' and 'Copy HTML' buttons with visual copy confirmation.
• Support styling options (e.g., flat, flat-square, or score color gradient).
• Add translations to src/locales/en.json and src/locales/ar.json.

Files to Check

• src/features/developer/components/user-profile-client.tsx
• src/locales/en.json & src/locales/ar.json

Tip

🚀 Want to contribute?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨

[1-DARK]

assign me

[github-actions]

🎉 Issue assigned to @1-DARK! Happy coding!