fix(ui): 三处实机问题 + hero 改为三圆环

fix: 标题在窄栏里一行一个字
- Framework7 对裸 <button> 有全局样式，把「看数据」按钮拉成整行宽，
  标题/副标题容器被挤成 0 宽，文字只能竖排。给按钮显式 width:auto

fix: 标题旁边有个灰色方块
- 今日页没有右侧动作，但 NavRight 容器仍然渲染并带半透明白底。
  改为有内容才渲染

hero 改为三圆环（步数 / 睡眠 / HRV）:
- 每个环以「进入自己的参考区间」为满环，所以三个环的满度含义一致，
  尽管单位不可比
- 并列而非同心：Apple 的同心环成立是因为三环共享一个概念
  （动/练/站），而这三项是互不相关的度量，分开更好读

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

client/src/components/charts/Chart.css

@@ -217,6 +217,11 @@
   flex: 1;
 }
 
+/* Framework7 styles bare <button> elements globally and stretched this one to
+   the full row, which squeezed the title/subtitle container to zero width —
+   the text then rendered one character per line. */
 .viz-toggle {
-  flex-shrink: 0;
+  flex: 0 0 auto;
+  width: auto;
+  align-self: flex-start;
 }