[APM] Navigation from Span to Service breaks due to wrong transactionType

[cauemarcondes]

closes #135772

transaction.type.mov

Currently, if we type an unknown transaction type in the URL, the select box changes to one of the options returned by the API, but the URL keeps with the wrong value. That causes problems with components that read this value directly from the URL. I fix that by checking if the value in the URL is in the options returned by the API, if not replace it with the first option.

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)

[gbamparop]

Thanks! Added some small comments

[cauemarcondes]

buildkite test this

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: 36d3e4d
• Storybooks Preview

Failed CI Steps

• FTR Configs #40

Test Failures

• [job] [logs] FTR Configs #40 / machine learning - data visualizer field statistics in Discover when enabled with farequote index pattern displays the 'Field statistics' table content correctly

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
apm	3.0MB	3.0MB	+155.0B

History

• 💚 Build #60057 succeeded c1c5b97
• 💔 Build #60030 failed c1c5b97
• 💚 Build #59225 succeeded 53bfa78
• 💚 Build #59093 succeeded 3efa93f
• 💚 Build #58734 succeeded 71613a0
• 💚 Build #58432 succeeded df0f88e

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