[Actionable Observability] [SPIKE] Identify the O11y App UI components that could be used in the Alerts Landing page.

[fkanout]

📝 Summary

Part of #138645

The Alert Landing page shows alert information using UI components e.g., charts.
This information, and by extension these UI components will be changed based on the alert rule type.

Examples:

If the alert is regarding the latency threshold, the page will show a chart of latency

But if the alert is about the metric threshold, the chart will be

✅ ACs

• Search in the O11y Apps (APM, Metric, etc) for the UI components that match(close enough) the UI components in the design
• After identifying these UI components, check their code and see if it's possible to use them on the Alert Landing page.
• The priority goes for APM and Metrics rule types
• Ideally, use these components and avoid rewriting the same component in different places.
• @emma-raffenne will lead the discussions with the related O11y App teams to ease the usage of exciting components.

[elasticmachine]

Pinging @elastic/actionable-observability (Team: Actionable Observability)

[emma-raffenne]

cc @simianhacker