feat: add 24-hour traffic and capacity trend charts to dashboard and node detail pages

- Implemented TrendChart component for visualizing traffic and capacity trends.
- Enhanced DashboardOverview and NodeDetailPage components to display 24-hour request and capacity trends.
- Updated types to include traffic and capacity trend data structures.
- Created observability trends service to aggregate traffic and capacity data.
- Added tests for traffic report generation and trend data handling.
- Introduced new dependencies for charting (echarts and echarts-for-react).

atsf_agent/internal/agent/runner.go

@@ -313,6 +313,7 @@ func (r *Runner) nodePayload(nodeID string) protocol.NodePayload {
 	}
 	profile := observability.BuildProfile(r.Config, r.StateStore)
 	metricSnapshot := observability.BuildSnapshot(r.Config, r.StateStore)
+	trafficReport := observability.BuildTrafficReport(r.Config, r.StateStore)
 	healthEvents := observability.BuildHealthEvents(snapshot)
 	return protocol.NodePayload{
 		NodeID:           nodeID,
@@ -326,6 +327,7 @@ func (r *Runner) nodePayload(nodeID string) protocol.NodePayload {
 		OpenrestyMessage: snapshot.OpenrestyMessage,
 		Profile:          profile,
 		Snapshot:         metricSnapshot,
+		TrafficReport:    trafficReport,
 		HealthEvents:     healthEvents,
 	}
 }