Complete Missing Universal Metrics & Sprint Visualizations

[samuelbaldwin05]

We are missing visualizations from the Universal Metrics ticket. This ticket is to complete all of these. All transformations already exist in the backend, but need frontend components.

These are the missing visualizations and here is a essentially what you will find on the html (client_resources/StrideTrack_Metrics_Final.html) :

#	Metric	Visualization	Notes
1	Total Steps	KPI card	Basic volume metric
2	Mean GCT	KPI card + ReferenceLine added to existing GCT chart (LROverlayLineChart)	Lower is better at max velocity
3	Mean Flight Time	KPI card + ReferenceLine added to existing FT chart (LROverlayLineChart)	Context-dependent (sprinting vs jumping)
4	RSI (per step)	Line chart over strides + KPI for mean. Reference line at 1.0	Elite sprinters RSI > 1.0 at max velocity
5	GCT Asymmetry %	KPI/gauge with color threshold — 🟢 <5% / 🟡 5–10% / 🔴 >10%	>10% may indicate injury risk. Target <5%
6	FT Asymmetry %	KPI/gauge with color threshold — 🟢 <5% / 🟡 5–10% / 🔴 >10%	Push-off power imbalance between legs
7	Mean RSI	KPI card	Session summary of reactive ability
8	N. Steps in GCT Range	Pie chart — below / in / above user-defined range	Bucketing done client-side from existing per-step gct_ms data. This would also require two user-configurable threshold inputs for the min and max of range

Tasks

• Build components for items 1, 4–7 (new KPI cards / charts)
• Update LROverlayLineChart to accept an optional mean reference line (items 2–3)
• Item 8: backend bucketing logic first, then pie chart
• Add info card beneath each chart (use Notes column above as copy)
• Wire all into VisualizationsPage.tsx
• Submit screenshots