add real-time network strength indicator using cloudflare speedtest

Description:

Description: Replaced navigator.connection based network detection with @cloudflare/speedtest Added real-time network strength monitoring Network indicator now updates automatically without page refresh Added dynamic icon color changes based on internet speed Improved Firefox and cross-browser compatibility Added offline/error fallback handling Kept existing UI design unchanged

Type of Change:

• Bug Fix
• Feature Development
• Documentation

Testing:

• Tested on desktop
• Tested on mobile
• Tested in different browsers

Screenshots (if applicable):

Video Demo

Screencast_from_2026-05-13_16-53-54

If you have used AI create this PR, please also record video of yourself explaining the changes.

Link to code walkthrough

Checklist:

• Code follows project style guidelines
• Self-review completed
• No console errors
• TypeScript types are correct