[8.x] 🌊 Streams: Add experimental badge to nav entry (elastic#217819) (elastic#217844)

# Backport

This will backport the following commits from `main` to `8.x`:
- [🌊 Streams: Add experimental badge to nav entry
(elastic#217819)](elastic#217819)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Joe
Reuter","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-04-10T13:10:53Z","message":"🌊
Streams: Add experimental badge to nav entry (elastic#217819)\n\nThis PR adds
the experimental badge to the nav entry for streams
(if\nenabled)\n\n<img width=\"343\" alt=\"Screenshot 2025-04-10 at 12 47
22\"\nsrc=\"https://github.com/user-attachments/assets/765e0dd2-6ebd-4516-b024-ec207fcea43f\"\n/>\n\nWe
also render a tech preview badge in the classic observability
sub\nnav:\n<img width=\"224\" alt=\"Screenshot 2025-04-10 at 12 52
04\"\nsrc=\"https://github.com/user-attachments/assets/c51210c0-056e-4ead-97ee-891e3fb6851f\"\n/>\n\nImportant
to note: we don't render a badge in the classic main nav since\nit's not
supported there:\n<img width=\"257\" alt=\"Screenshot 2025-04-10 at 12
52
29\"\nsrc=\"https://github.com/user-attachments/assets/5a1fb3c8-88dd-49c9-bade-82965f367e46\"\n/>","sha":"de059eb5160b282bdc5e322b60250c77f7a8213c","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","ci:project-deploy-observability","Team:obs-ux-management","backport:version","Feature:Streams","v9.1.0","v8.19.0"],"title":"🌊
Streams: Add experimental badge to nav
entry","number":217819,"url":"https://github.com/elastic/kibana/pull/217819","mergeCommit":{"message":"🌊
Streams: Add experimental badge to nav entry (elastic#217819)\n\nThis PR adds
the experimental badge to the nav entry for streams
(if\nenabled)\n\n<img width=\"343\" alt=\"Screenshot 2025-04-10 at 12 47
22\"\nsrc=\"https://github.com/user-attachments/assets/765e0dd2-6ebd-4516-b024-ec207fcea43f\"\n/>\n\nWe
also render a tech preview badge in the classic observability
sub\nnav:\n<img width=\"224\" alt=\"Screenshot 2025-04-10 at 12 52
04\"\nsrc=\"https://github.com/user-attachments/assets/c51210c0-056e-4ead-97ee-891e3fb6851f\"\n/>\n\nImportant
to note: we don't render a badge in the classic main nav since\nit's not
supported there:\n<img width=\"257\" alt=\"Screenshot 2025-04-10 at 12
52
29\"\nsrc=\"https://github.com/user-attachments/assets/5a1fb3c8-88dd-49c9-bade-82965f367e46\"\n/>","sha":"de059eb5160b282bdc5e322b60250c77f7a8213c"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217819","number":217819,"mergeCommit":{"message":"🌊
Streams: Add experimental badge to nav entry (elastic#217819)\n\nThis PR adds
the experimental badge to the nav entry for streams
(if\nenabled)\n\n<img width=\"343\" alt=\"Screenshot 2025-04-10 at 12 47
22\"\nsrc=\"https://github.com/user-attachments/assets/765e0dd2-6ebd-4516-b024-ec207fcea43f\"\n/>\n\nWe
also render a tech preview badge in the classic observability
sub\nnav:\n<img width=\"224\" alt=\"Screenshot 2025-04-10 at 12 52
04\"\nsrc=\"https://github.com/user-attachments/assets/c51210c0-056e-4ead-97ee-891e3fb6851f\"\n/>\n\nImportant
to note: we don't render a badge in the classic main nav since\nit's not
supported there:\n<img width=\"257\" alt=\"Screenshot 2025-04-10 at 12
52
29\"\nsrc=\"https://github.com/user-attachments/assets/5a1fb3c8-88dd-49c9-bade-82965f367e46\"\n/>","sha":"de059eb5160b282bdc5e322b60250c77f7a8213c"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Joe Reuter <[email protected]>

Author: kibanamachine

x-pack/solutions/observability/plugins/observability/public/navigation_tree.ts

@@ -91,6 +91,14 @@ function createNavTree({ streamsAvailable }: { streamsAvailable?: boolean }) {
             ? [
                 {
                   link: 'streams' as const,
+                  withBadge: true,
+                  badgeOptions: {
+                    icon: 'beaker',
+                    tooltip: i18n.translate('xpack.observability.obltNav.streamsBadgeTooltip', {
+                      defaultMessage:
+                        'This functionality is experimental and not supported. It may change or be removed at any time.',
+                    }),
+                  },
                 },
               ]
             : []),

x-pack/solutions/observability/plugins/serverless_observability/public/navigation_tree.ts

@@ -85,6 +85,17 @@ export const createNavigationTree = ({
             ? [
                 {
                   link: 'streams' as const,
+                  withBadge: true,
+                  badgeOptions: {
+                    icon: 'beaker',
+                    tooltip: i18n.translate(
+                      'xpack.serverlessObservability.nav.streamsBadgeTooltip',
+                      {
+                        defaultMessage:
+                          'This functionality is experimental and not supported. It may change or be removed at any time.',
+                      }
+                    ),
+                  },
                 },
               ]
             : []),