[SecuritySolution] Move legends to right side of the charts (#157169)

## Summary

This PR move legends to right side of the charts to align with previous
version.

Before:
<img width="1651" alt="Screenshot 2023-05-09 at 15 09 04"
src="cb55e40e-ca27-441b-8183-9f8ce7819195">
<img width="1652" alt="Screenshot 2023-05-09 at 15 08 30"
src="6ebc8a38-b177-4f78-99b8-759201e2cf2e">

After:
<img width="1654" alt="Screenshot 2023-05-09 at 15 13 45"
src="89cfcfd7-f98b-4fb9-822f-cecc314949e0">
<img width="1655" alt="Screenshot 2023-05-09 at 15 13 25"
src="bbe8a3ec-22c3-41f0-9ba4-6f9e87fe896b">
<img width="1650" alt="Screenshot 2023-05-09 at 15 12 59"
src="402a4d34-8eb4-4f59-b4cd-d81cccd6342b">
<img width="1653" alt="Screenshot 2023-05-09 at 15 12 31"
src="139cf4cb-5762-4b24-a824-78a5b9b86ddd">
<img width="1654" alt="Screenshot 2023-05-09 at 15 12 07"
src="3ec8c76a-2ae3-47d1-b4e4-6ebf1975beca">


### Checklist

Delete any items that are not applicable to this PR.


- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/__snapshots__/authentication.test.ts.snap

@@ -251,7 +251,8 @@ Object {
       ],
       "legend": Object {
         "isVisible": true,
-        "position": "left",
+        "legendSize": "xlarge",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "title": "Empty XY chart",

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/__snapshots__/external_alert.test.ts.snap

@@ -211,7 +211,8 @@ Object {
       ],
       "legend": Object {
         "isVisible": true,
-        "position": "left",
+        "legendSize": "xlarge",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "title": "Empty XY chart",

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/alerts/__snapshots__/alerts_histogram.test.ts.snap

@@ -164,7 +164,7 @@ Object {
       "legend": Object {
         "isVisible": true,
         "legendSize": "xlarge",
-        "position": "left",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "title": "Empty XY chart",
@@ -323,7 +323,7 @@ Object {
       "legend": Object {
         "isVisible": true,
         "legendSize": "xlarge",
-        "position": "left",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "title": "Empty XY chart",

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/alerts/__snapshots__/rule_preview.test.ts.snap

@@ -158,7 +158,7 @@ Object {
       ],
       "legend": Object {
         "isVisible": false,
-        "position": "left",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "title": "Empty XY chart",

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/alerts/alerts_histogram.ts

@@ -21,7 +21,7 @@ export const getAlertsHistogramLensAttributes: GetLensAttributes = (
         title: 'Empty XY chart',
         legend: {
           isVisible: true,
-          position: 'left',
+          position: 'right',
           legendSize: 'xlarge',
         },
         valueLabels: 'hide',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/alerts/rule_preview.ts

@@ -23,7 +23,7 @@ export const getRulePreviewLensAttributes: GetLensAttributes = (
         title: 'Empty XY chart',
         legend: {
           isVisible: false,
-          position: 'left',
+          position: 'right',
         },
         valueLabels: 'hide',
         preferredSeriesType: 'bar_stacked',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/authentication.ts

@@ -20,7 +20,8 @@ export const authenticationLensAttributes: LensAttributes = {
       title: 'Empty XY chart',
       legend: {
         isVisible: true,
-        position: 'left',
+        position: 'right',
+        legendSize: 'xlarge',
       },
       valueLabels: 'hide',
       preferredSeriesType: 'bar_stacked',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/events.ts

@@ -21,7 +21,7 @@ export const getEventsHistogramLensAttributes: GetLensAttributes = (
         title: 'Empty XY chart',
         legend: {
           isVisible: true,
-          position: 'left',
+          position: 'right',
           legendSize: 'xlarge',
         },
         valueLabels: 'hide',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/external_alert.ts

@@ -20,7 +20,8 @@ export const getExternalAlertLensAttributes: GetLensAttributes = (
         title: 'Empty XY chart',
         legend: {
           isVisible: true,
-          position: 'left',
+          position: 'right',
+          legendSize: 'xlarge',
         },
         valueLabels: 'hide',
         preferredSeriesType: 'bar_stacked',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/hosts/__snapshots__/kpi_host_area.test.ts.snap

@@ -166,7 +166,7 @@ Object {
         },
       ],
       "legend": Object {
-        "isVisible": true,
+        "isVisible": false,
         "position": "right",
       },
       "preferredSeriesType": "area",

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/hosts/kpi_host_area.ts

@@ -60,7 +60,7 @@ export const kpiHostAreaLensAttributes: LensAttributes = {
           xAccessor: '5eea817b-67b7-4268-8ecb-7688d1094721',
         },
       ],
-      legend: { isVisible: true, position: 'right' },
+      legend: { isVisible: false, position: 'right' },
       preferredSeriesType: 'area',
       tickLabelsVisibilitySettings: { x: true, yLeft: true, yRight: true },
       valueLabels: 'hide',

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/network/__snapshots__/dns_top_domains.test.ts.snap

@@ -228,7 +228,7 @@ Object {
       "legend": Object {
         "isVisible": true,
         "legendSize": "xlarge",
-        "position": "left",
+        "position": "right",
       },
       "preferredSeriesType": "bar_stacked",
       "tickLabelsVisibilitySettings": Object {

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/network/dns_top_domains.ts

@@ -20,7 +20,7 @@ export const getDnsTopDomainsLensAttributes: GetLensAttributes = (
       visualization: {
         legend: {
           isVisible: true,
-          position: 'left',
+          position: 'right',
           legendSize: 'xlarge',
         },
         valueLabels: 'hide',