Add Celebratory Animation for Milestones

[Eshaan-byte]

Show a fun animation when users reach carbon reduction milestones

Tasks

• Create confetti or celebration animation component
• Trigger when user achieves milestones:
  • First activity logged
  • 10 activities logged
  • 100g CO2 tracked
  • 1kg CO2 tracked
  • Unlocking a badge
• Use CSS animations (no heavy libraries)
• Add celebratory message with milestone
• Auto-dismiss after 3 seconds
• Add sound effect (optional, with mute option)

Acceptance Criteria

• Animation triggers at correct milestones
• Doesn't block user interaction
• Smooth and performant
• Works on mobile devices
• User can dismiss early if desired
• Celebration feels rewarding!

[Anibhu]

@Eshaan-byte i want to contribute in this. please assign me the following issues.