fix(xy): render gridlines behind axis (opensearch-project#1204)

The axis need to be rendered after the gridlines to avoid conflicts when using different colors/styles

fix #1203

packages/osd-charts/packages/charts/src/chart_types/xy_chart/renderer/canvas/renderers.ts

@@ -79,20 +79,20 @@ export function renderXYChartCanvas2d(
         }
       },
       (ctx: CanvasRenderingContext2D) => {
-        renderAxes(ctx, {
+        renderGrids(ctx, {
           axesSpecs,
-          perPanelAxisGeoms,
           renderingArea,
-          debug,
+          perPanelGridLines,
           axesStyles,
           sharedAxesStyle,
         });
       },
       (ctx: CanvasRenderingContext2D) => {
-        renderGrids(ctx, {
+        renderAxes(ctx, {
           axesSpecs,
+          perPanelAxisGeoms,
           renderingArea,
-          perPanelGridLines,
+          debug,
           axesStyles,
           sharedAxesStyle,
         });