refactor(telemetry): chart scale labels, calmer vitals and error styling, usage-first tabs

- sparklines get start/end date and max-value footers
- vitals rating shown by value color instead of badges
- error rows use plain counts, subtle resolve button, terse empty state
- telemetry tab order: usage, players, functions, events, errors; usage is default

src/features/telemetry/components/error-browser/error-group-row.tsx

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import { Trans, useLingui } from "@lingui/react/macro";
 import {
-  Badge,
   Box,
   Button,
   Code,
@@ -42,9 +41,14 @@ export const ErrorGroupRow = ({ group }: { group: ClientErrorGroup }) => {
       >
         <Stack gap={4}>
           <Group gap="xs" wrap="nowrap">
-            <Badge color={group.resolved ? "gray" : "red"} variant="light" size="sm">
-              {group.count.toLocaleString()}
-            </Badge>
+            <Text
+              size="sm"
+              fw={700}
+              c={group.resolved ? "dimmed" : "red"}
+              style={{ flexShrink: 0, fontVariantNumeric: "tabular-nums" }}
+            >
+              {group.count.toLocaleString()}×
+            </Text>
             <Text size="sm" fw={600} lineClamp={2} style={{ minWidth: 0 }}>
               {group.sample.message}
             </Text>
@@ -85,7 +89,7 @@ export const ErrorGroupRow = ({ group }: { group: ClientErrorGroup }) => {
           <Group justify="flex-end">
             <Button
               size="xs"
-              variant="light"
+              variant="subtle"
               color={group.resolved ? "yellow" : "green"}
               loading={resolveMutation.isPending}
               onClick={() =>