Merge pull request #4751 from Dokploy/fix/requests-chart-not-visible

fix(requests): chart not visible in Requests tab

apps/dokploy/components/dashboard/requests/request-distribution-chart.tsx

@@ -1,11 +1,4 @@
-import {
-	Area,
-	AreaChart,
-	CartesianGrid,
-	ResponsiveContainer,
-	XAxis,
-	YAxis,
-} from "recharts";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 import {
 	type ChartConfig,
 	ChartContainer,
@@ -49,13 +42,10 @@ export const RequestDistributionChart = ({
 	);
 
 	return (
-		<div className="w-full h-[200px] overflow-hidden">
-			<ResponsiveContainer
-				width="100%"
-				height="100%"
-				className="overflow-hidden"
+		<ChartContainer
+			config={chartConfig}
+			className="aspect-auto h-[200px] w-full"
 		>
-				<ChartContainer config={chartConfig}>
 			<AreaChart
 				accessibilityLayer
 				data={stats || []}
@@ -107,7 +97,5 @@ export const RequestDistributionChart = ({
 				/>
 			</AreaChart>
 		</ChartContainer>
-			</ResponsiveContainer>
-		</div>
 	);
 };