fix points clipping

Author: borys3kk

src/components/Charts/LineChart/LineChartContent.tsx

@@ -25,6 +25,9 @@ const DOT_RADIUS = 6;
 /** Extra hover area beyond the dot radius for easier touch targeting */
 const DOT_HOVER_EXTRA_RADIUS = 2;
 
+/** Minimum safe padding to avoid clipping labels/points */
+const MIN_SAFE_PADDING = DOT_RADIUS + DOT_HOVER_EXTRA_RADIUS;
+
 /** Base domain padding applied to all sides */
 const BASE_DOMAIN_PADDING = {top: 16, bottom: 16, left: 0, right: 0};
 
@@ -103,7 +106,7 @@ function LineChartContent({data, title, titleIcon, isLoading, yAxisUnit, yAxisUn
 
         // Only reduce if both sides have excess space (labels short enough for 0°)
         // If canReduce <= 0, labels are too long and hook will use rotation/truncation
-        const horizontalPadding = canReduce > 0 ? geometricPadding - canReduce : geometricPadding;
+        const horizontalPadding = Math.max(canReduce > 0 ? geometricPadding - canReduce : geometricPadding, MIN_SAFE_PADDING);
 
         return {...BASE_DOMAIN_PADDING, left: horizontalPadding, right: horizontalPadding};
     }, [chartWidth, data, font]);