[ML] Serverless Security: Adds ES|QL visualizer menu item in nav (ela…

…stic#192314)

## Summary

Related issue: elastic#192307

This PR add sthe ES|QL visualizer menu item to the Security solution's
nav in serverless.

<img width="546" alt="image"
src="https://github.com/user-attachments/assets/239c25c8-63af-4009-8e37-78a99d7b6719">

<img width="1189" alt="image"
src="https://github.com/user-attachments/assets/e0ac66d4-4066-4c15-8cac-ff5a5e0ae716">


### Checklist

Delete any items that are not applicable to this PR.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [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
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] Any UI touched in this PR is usable by keyboard only (learn more
about [keyboard accessibility](https://webaim.org/techniques/keyboard/))
- [ ] Any UI touched in this PR does not create any new axe failures
(run axe in browser:
[FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/),
[Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

x-pack/packages/security-solution/navigation/src/constants.ts

@@ -54,6 +54,7 @@ export enum ExternalPageName {
   mlNodes = 'ml:nodes',
   mlFileUpload = 'ml:fileUpload',
   mlIndexDataVisualizer = 'ml:indexDataVisualizer',
+  mlESQLdataVisualizer = 'ml:esqlDataVisualizer',
   mlDataDrift = 'ml:dataDrift',
   mlExplainLogRateSpikes = 'ml:logRateAnalysis',
   mlLogPatternAnalysis = 'ml:logPatternAnalysis',

x-pack/plugins/security_solution/public/app/solution_navigation/links/sections/ml_links.ts

@@ -86,6 +86,7 @@ export const mlNavCategories: SolutionLinkCategory[] = [
     linkIds: [
       ExternalPageName.mlFileUpload,
       ExternalPageName.mlIndexDataVisualizer,
+      ExternalPageName.mlESQLdataVisualizer,
       ExternalPageName.mlDataDrift,
     ],
   },
@@ -186,6 +187,12 @@ export const mlNavLinks: SolutionNavLink[] = [
     landingIcon: IconDataViewLazy,
     description: i18n.INDEX_DATA_VISUALIZER_DESC,
   },
+  {
+    id: ExternalPageName.mlESQLdataVisualizer,
+    title: i18n.ESQL_DATA_VISUALIZER_TITLE,
+    landingIcon: 'sqlApp',
+    description: i18n.ESQL_DATA_VISUALIZER_DESC,
+  },
   {
     id: ExternalPageName.mlDataDrift,
     title: i18n.DATA_DRIFT_TITLE,

x-pack/plugins/security_solution/public/app/solution_navigation/links/sections/ml_translations.ts

@@ -207,6 +207,18 @@ export const INDEX_DATA_VISUALIZER_DESC = i18n.translate(
     defaultMessage: 'Data view data visualizer page',
   }
 );
+export const ESQL_DATA_VISUALIZER_TITLE = i18n.translate(
+  'xpack.securitySolution.navLinks.ml.esqlDataVisualizer.title',
+  {
+    defaultMessage: 'ES|QL data visualizer',
+  }
+);
+export const ESQL_DATA_VISUALIZER_DESC = i18n.translate(
+  'xpack.securitySolution.navLinks.ml.esqlDataVisualizer.desc',
+  {
+    defaultMessage: 'ES|QL data visualizer page',
+  }
+);
 export const DATA_DRIFT_TITLE = i18n.translate(
   'xpack.securitySolution.navLinks.ml.dataDrift.title',
   {