Revamp status panel to 24‑hour blocks and improve latency parsing

[podcctv]

Motivation

• Provide a dense, single‑row 24‑hour online view where each hour is a cell colored by availability to make long offline periods and partial outages obvious.
• Fix missing TCP latency data by making the latency extraction logic more tolerant to varied payload shapes and numeric strings.
• Reduce large empty spaces in the node detail UI and present status/TCP quality side‑by‑side in a more compact, HTOP‑inspired layout.

Description

• Replaced the status panel layout with a 5‑column grid and show OnlinePanel and TcpMiniPanel side‑by‑side via changes in src/components/NodeDetail.tsx.
• Implemented a 24‑cell hourly timeline (buildHourState + OnlinePanel) that classifies each hour as online, partial_offline, or fully_offline and shows a 24h online percentage and a legend.
• Updated TcpMiniPanel styling and metrics to display avg/jitter/lossRate in a compact, HTOP‑like bar format and adjusted gradients/spacing for a futuristic look.
• Improved latency extraction in src/utils/latency.ts by recognizing additional keys (avg, min, time, duration), converting numeric strings to numbers, and searching nested payload objects to increase the chance of finding valid latency values.

Testing

• Built the production bundle with npm run build and the build completed successfully.
• The modified files (src/components/NodeDetail.tsx, src/utils/latency.ts) were validated by the build step and committed to the repository.

---

Codex Task