[Synthetics UI] Location Selector uses custom-hearbeat-id for navigation

[awahab07]

Kibana version: v8.6.0

Elasticsearch version: v8.6.0

Describe the bug:
On Synthetics -> Monitors -> Monitor Details -> Overview | History pages, the Location Selector uses custom_heartbea_id for project monitors for navigation which breaks the page.

Steps to reproduce:

1. Setup Kibana and Synthetics so that you are able to push synthetics project monitors.
2. Enable the new Synthetics App in Kibana -> Advanced Settings and push a monitor with two or more locations. (The dev locations with dev synthetics service, "North America - US Central" and "US Central QA" also work)
3. Go to Synthetics -> Monitors -> Monitor Details -> Overview page and change the location from the Location Selector in the page header.
4. Notice that the page will break as the navigated url contains custom_heartbeat_id instead of config_id.

Expected behavior:
config_id should be used instead of custom_heartbeat_id for navigation to Monitor Details -> Overview | History pages.

Screenshots (if relevant):

Location-switcher-uses-heartbeat-id-instead-of-config-id.mov

Errors in browser console (if relevant):

{
  error: "Not Found"
  message: "Monitor id mostly-fail-push-project-08-default not found!"
  statusCode: 404
}

Provide logs and/or server output (if relevant):

Any additional context:
Need to check if it is as a result of this #143309 and is a valid case, if so, the behavior need to be retested with newly pushed/created monitors i.e. Saved Objects may need migration.

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)