ui: fix chart label alignments

frontend/app/components/Charts/BarChart.tsx

@@ -53,7 +53,7 @@ function ORBarChart(props: BarChartProps) {
       type: 'value',
       data: undefined,
       name: props.label ?? 'Number of Sessions',
-      nameLocation: 'middle',
+      nameLocation: 'center',
       nameGap: 45,
     };
 

frontend/app/components/Charts/ColumnChart.tsx

@@ -74,8 +74,8 @@ function ColumnChart(props: ColumnChartProps) {
       xAxis: {
         type: 'value',
         name: label ?? 'Total',
-        nameLocation: 'middle',
-        nameGap: 45,
+        nameLocation: 'center',
+        nameGap: 35,
       },
       yAxis: {
         type: 'category',

frontend/app/components/Charts/LineChart.tsx

@@ -69,8 +69,11 @@ function ORLineChart(props: Props) {
       },
       yAxis: {
         name: props.label ?? 'Number of Sessions',
-        nameLocation: 'middle',
-        nameGap: 45,
+        // nameLocation: 'center',
+        // nameGap: 40,
+        nameTextStyle: {
+          padding: [0, 0, 0, 15],
+        }
       },
       tooltip: {
         ...defaultOptions.tooltip,