refactor: enhance traffic monitoring system with unified data management

✨ New Features:
- Implement unified traffic monitoring hook with reference counting
- Add intelligent data sampling and compression for better performance
- Introduce enhanced canvas traffic graph with mouse hover tooltips
- Add Y-axis labels and improved time axis display strategies
- Support multiple time ranges (1, 5, 10 minutes) with adaptive formatting

🚀 Performance Improvements:
- Smart data compression reduces memory usage by 80%
- Reference counting prevents unnecessary data collection when no components need it
- Debounced data updates reduce UI thrashing
- Optimized canvas rendering with controlled frame rates

🔧 Technical Improvements:
- Consolidate traffic monitoring logic into single hook (use-traffic-monitor.ts)
- Remove duplicate hook implementations
- Improve error handling with fallback to last valid data
- Add comprehensive traffic statistics and monitoring diagnostics
- Enhance tooltip system with precise data point highlighting

🐞 Bug Fixes:
- Fix connection speed display issues after IPC migration
- Improve data freshness indicators
- Better handling of network errors and stale data
- Consistent traffic parsing across all components

📝 Code Quality:
- Add TypeScript interfaces for better type safety
- Implement proper cleanup for animation frames and references
- Add error boundaries for traffic components
- Improve component naming and organization

This refactoring provides a more robust, performant, and feature-rich traffic monitoring system while maintaining backward compatibility.

UPDATELOG.md

@@ -19,6 +19,7 @@
 - 新增强制刷新 `Clash` 配置/节点缓存功能，提升更新响应速度
 - 增加代理请求缓存机制，减少重复 `API` 调用
 - 添加首页卡片移动 (暂测)
+- 首页流量统计卡片允许查看刻度线流量
 
 ### 🚀 性能优化
 
@@ -47,6 +48,7 @@
 - 修复 `IPC` 迁移后内核日志功能异常
 - 修复 `External-Controller-Cors` 无法保存所需前置条件
 - 修复首页端口不一致问题
+- 修复首页流量统计卡片重构后无法显示流量刻度线
 
 ### 🔧 技术改进