[APM] Breadcrumbs are broken on new nav experience

[mgiota]

Relates to https://github.com/elastic/kibana/pull/191506

Summary

The breadcrumbs based navigation to pages seems to be broken with the new left nav experience. Users can't click on them to navigate to selected pages.

How to test

In order to use the new solution navigation, you need to add the following configuration keys to your kibana.yml file (the values are not relevant, only that there is SOME value there):

xpack.cloud.id: "fake_cloud_id:24h124h11249u31r4"
xpack.cloud.base_url: "https://cloud.elastic.co"

The “switch on new navigation” will still be an opt-in (per space) in stateful, in 8.16 (as is the current behaviour)

• You opt in via Stack Management > Spaces > Navigation > Set solution view
• Change from empty/classic, to Observability

• Run some synthtrace scenarios:
  • node scripts/synthtrace mobile.ts --live
  • node scripts/synthtrace service_map.ts --live
• Navigate to Applications and click through the links
• Applications menu is not clickable

[elasticmachine]

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

[elasticmachine]

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

[sebelga]

I just opened https://github.com/elastic/kibana/pull/196169 to fix some of the breadcrumbs for the new solution navigation.

Once that PR is merged you will have access to the updated API for chrome.setBreadcrumbs(), where you will be able to declare the project breadcrumbs (when the app is being seen from inside the observability solution view).