fix(LineChart): enable x-axis labels visibility and adjust styling

src/components/Charts/LineChart.jsx

@@ -31,7 +31,7 @@ const LineChart = ({
         },
         stroke: {
             curve: 'straight',
-            width: 2 
+            width: 2
         },
         grid: {
             show: false,
@@ -55,11 +55,18 @@ const LineChart = ({
         },
         xaxis: {
             categories,
-            labels: { show: false },
+            labels: {
+                show: true,
+                rotate: -45, 
+                style: {
+                    fontSize: '12px'
+                }
+            },
             axisBorder: { show: false },
             axisTicks: { show: false },
             tooltip: { enabled: false }
         },
+
         yaxis: {
             labels: { show: false },
             axisBorder: { show: false },