Add Loading States for Badge Rendering

[97115104]

Labels: good first issue, enhancement, frontend

Description

When badges are dynamically rendered on a page, there's no visual feedback while they're loading. Add loading states to improve user experience.

Tasks

• Add a loading placeholder while badges are being rendered
• Create a simple CSS animation (spinner or skeleton)
• Update badge-renderer.js to show/hide loading state
• Test across different browsers

Files to modify

• /static/badge-renderer.js
• /static/badge-styles.css

Expected outcome

Users see a visual indicator while badges are loading instead of empty space.