[Serverless] Partially fix lens/maps/visualize breadcrumbs missing title

[Dosant]

Summary

Partially address #163337 for lens, visualize, maps

Context:

In serverless navigation, we changed how breadcrumbs work. Instead of setting the full path manually, we automatically calculate the main parts of the path from the side nav + current URL. This was done to keep side nav and breadcrumbs in sync as much as possible and solve consistency issues with breadcrumbs across apps.
https://docs.elastic.dev/kibana-dev-docs/serverless-project-navigation#breadcrumbs

Apps can append custom deeper context using the serverless.setBreadcrumbs API. Regular core.chrome.setBreadcrumbs has no effect when the serverless nav is rendered.

Fix

This PR fixes lens, visualize, and maps to add "title" breadcrumb in serverless. Unfortunately, it doesn't fully restore the full breadcrumbs functionality visualize/maps/lens have in the non-serverless Kibana:

In the non-serverless Kibana lens/visualize/maps have sophisticated breadcrumbs where context takes into account ByValue and originatingApp and can switch depending on the context. For example, if the user is coming from "Dashboard" to edit "byValue" Lens visualization, Lens breadcrumbs display "Dashboard > Create", instead of "Visualization > Create".

Currently, we can't repeat this behavior with serverless breadcrumbs because the context is set by the navigation config, e.g.:

kibana/x-pack/plugins/serverless_observability/public/components/side_navigation/index.tsx

Lines 136 to 141 in 9538fab

	getIsActive: ({ pathNameSerialized, prepend }) => {
	return (
	pathNameSerialized.startsWith(prepend('/app/visualize')) ||
	pathNameSerialized.startsWith(prepend('/app/lens')) ||
	pathNameSerialized.startsWith(prepend('/app/maps'))
	);

In this PR I attempt to do a quick fix for the serverless breadcrumbs by simply appending the last ("title") part of the breadcrumb. In a follow up we need to think about how to bring back the original breadcrumbs functionality with changing Visualize <-> Dashboard context. We also will need to figure out how to sync the changing context with the side nav, as we don't want to show "Dashboard" in the breadcrumb, but have "Visualization" highlighted in the side nav. Here is the issue: #163488

Alternative

Another quick alternative is to force the same breadcrumbs in serverless as we have in non-serverless. But, in this case, we would lose synchronization between the side nav and the breadcrumbs, here are some examples:

Editing saved viz from visualize:

Editing panel from a dashboard:

I decided to go with the first the simpler option, where, for now, we just change the last breadcrumb in serverless and we'll discuss how to bring back the original behavior here #163488

[elasticmachine]

Pinging @elastic/appex-sharedux (Team:SharedUX)

[nreese]

kibana-gis changes LGTM
code review only

[stratoula]

This works fine, changes LGTM! I tested serverless and on prem in Chrome and breadcrumbs work as expected

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 2f990ec

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
lens	1.4MB	1.4MB	+102.0B
maps	2.8MB	2.8MB	+139.0B
visualizations	262.8KB	263.5KB	+721.0B
total			+962.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
maps	45.3KB	45.3KB	+56.0B
visualizations	56.8KB	56.8KB	+24.0B
total			+80.0B

History

• 💚 Build #148743 succeeded 676a8a0
• 💚 Build #148679 succeeded 72458ce

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @Dosant