Integrate Observability Alert Search Bar in APM Alerts tab

[maryam-saeidi]

📝 Summary

After completion of #146286, the APM team can use the new shared Alert Search Bar and integrate it into the Alerts tab in the APM app.

By doing so, there is no need for custom AlertsTableStatusFilter component as it will be provided by the new shared Alert Search Bar (in the future, it will be replaced with controls as proposed by unified search)

The same component was used on the Alerts and Rule details pages, the tab will look like this:

Note

After this integration, we will be able to integrate the Alert Summary Widget component in APM, and upon clicking on the widget, we send the user to the Alerts tab with the correct filtering. (So it is important to be able to apply the same filter on the alert's tab)

You can integrate the search bar as mentioned in the how to test section of this PR.

Prerequisite

• [Actionable Observability] Expose ObservabalityAlertSearchBar from observability plugin #146286

✅ Acceptance Criteria

• Integrate the new Alert Search Bar
• Implement the possibility of landing on this tab and applying the time range and KQL filters as provided (for example by loading them from the URL query params) --> This functionality will be used in the Alert Summary Widget

[elasticmachine]

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

[maryam-saeidi]

@gbamparop I merged my PR, so this ticket can be picked up.

[sorenlouv]

Thanks for the heads up @maryam-saeidi . With many people out on PTO it is doubtful if we'll get this into 8.7. We'll have a better overview in the beginning of January.