feat: Real-time speed particle animation during tests — make testing feel epic

[ajithakdev]

Summary

Add a mesmerizing particle/stream animation during speed tests that visualizes real-time throughput, making the testing experience feel premium and exciting.

The Vision

During a speed test, the popup shows:

• Particle tunnel/stream: Tiny dots/streaks flowing through a tunnel
• Speed of particles directly proportional to real-time Mbps
• Slow internet = sluggish, sparse particles
• Fast internet = blazing, dense, fast-moving streams with motion blur
• Color shifts: Blue (slow) → Green (good) → Gold (fast) → Purple (gigabit!)

During different test phases

Phase	Animation
Download	Particles flow LEFT → RIGHT (data coming in)
Upload	Particles flow RIGHT → LEFT (data going out)
Ping	Single pulse dot bouncing back and forth
Idle	Gentle floating ambient particles

Why this matters

• Speed testing should feel like an event, not a chore
• The animation gives users something to watch during the 20-second test
• It makes the tool feel premium and polished
• Users will show it to friends: "Look how cool this is" → installs
• Competitors have boring progress bars or spinning dials

Implementation

• HTML5 Canvas overlay in popup (lightweight, GPU-accelerated)
• Particle count and velocity mapped to live speed values from sendProgress()
• Respect prefers-reduced-motion — fall back to simple progress bar
• Keep canvas size small (popup width × ~60px height strip)
• Use requestAnimationFrame for smooth 60fps rendering
• Total code: ~100-150 lines for a basic particle system