add battery charge monitoring

beszel/site/src/components/ui/chart.tsx

@@ -4,7 +4,7 @@ import * as RechartsPrimitive from "recharts"
 import { chartTimeData, cn } from "@/lib/utils"
 import { ChartData } from "@/types"
 
-import type { JSX } from "react";
+import type { JSX } from "react"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const
@@ -43,9 +43,9 @@ const ChartContainer = React.forwardRef<
 	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
 
 	return (
-        //<ChartContext.Provider value={{ config }}>
-        //</ChartContext.Provider>
-        <div
+		//<ChartContext.Provider value={{ config }}>
+		//</ChartContext.Provider>
+		<div
 			data-chart={chartId}
 			ref={ref}
 			className={cn(
@@ -54,10 +54,10 @@ const ChartContainer = React.forwardRef<
 			)}
 			{...props}
 		>
-            {/* <ChartStyle id={chartId} config={config} /> */}
-            <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>
-        </div>
-    );
+			{/* <ChartStyle id={chartId} config={config} /> */}
+			<RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>
+		</div>
+	)
 })
 ChartContainer.displayName = "Chart"
 
@@ -228,7 +228,7 @@ const ChartTooltipContent = React.forwardRef<
 												{itemConfig?.label || item.name}
 											</span>
 											{item.value !== undefined && (
-												<span className="font-medium tabular-nums text-foreground">
+												<span className="font-medium text-foreground">
 													{content && typeof content === "function"
 														? content(item, key)
 														: item.value.toLocaleString() + (unit ? unit : "")}