fix: legend CSS, SI prefix for x-axis ticks, table sort cleanup

web/components/ChartCard/UpsChart.tsx

@@ -32,9 +32,9 @@ export default function UpsChart({ config, upsRows, timeMode, onEdit, onDelete }
 
       const xAxis: uPlot.Axis = {
         ...AXIS_BASE,
-        ...(timeMode === 'real' && {
-          values: (_u, vals) => vals.map(v => v == null ? '' : new Date(v * 1000).toLocaleTimeString()),
-        }),
+        values: timeMode === 'real'
+          ? (_u, vals) => vals.map(v => v == null ? '' : new Date(v * 1000).toLocaleTimeString())
+          : (_u, vals) => vals.map(v => v == null ? '' : formatSI(v)),
       };
 
       return new uPlot({