use grid layout for charts

beszel/site/src/components/charts/container-cpu-chart.tsx

@@ -74,6 +74,7 @@ export default function ContainerCpuChart({
 			>
 				<AreaChart
 					accessibilityLayer
+					// syncId={'cpu'}
 					data={chartData}
 					margin={{
 						top: 10,

beszel/site/src/components/charts/cpu-chart.tsx

@@ -29,7 +29,12 @@ export default function CpuChart({
 					'opacity-100': yAxisSet,
 				})}
 			>
-				<AreaChart accessibilityLayer data={systemData} margin={{ top: 10 }}>
+				<AreaChart
+					accessibilityLayer
+					data={systemData}
+					margin={{ top: 10 }}
+					// syncId={'cpu'}
+				>
 					<CartesianGrid vertical={false} />
 					<YAxis
 						className="tracking-tighter"

beszel/site/src/components/charts/temperature-chart.tsx

@@ -116,7 +116,6 @@ export default function TemperatureChart({
 							type="monotoneX"
 							dot={false}
 							strokeWidth={1.5}
-							fill="hsl(360, 60%, 55%)"
 							stroke={newChartData.colors[key]}
 							isAnimationActive={false}
 						/>