[Actionable Observability] Create the Alert Summary component for the Alert Landing page

[fkanout]

📝 Summary

Part of #138645
The Alert Landing page has many charts and UI components that show information about a given alert.
The Alert Summary component is used with all alert rule types. It shows info like (duration, status, tags, last status update, etc.)

✅ AC

• Create this component as a sharable one under the triggersActionsUi folder (plugin). Create component under observability plugin
• Create the related hook (if needed) that fetches the alert-required data.
• Some of the information doesn't exist on the alert level like tags. So it inherits it from the rule. @simianhacker @vinaychandrasekhar do you confirm?
• Need some clarification on where Runbook and View threshold rule details should navigate. cc @vinaychandrasekhar @maciejforcone

Implementation

• Alert summary component for Alert details page #139606 - Create new alert details page, add route, UI for Alert summary component
• Creating alert link with alert id and rule id #140634
• Displaying alert data in alert summary in alert details page #140339

[elasticmachine]

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

[vinaychandrasekhar]

@fkanout thanks for checking. I'd suggest leaving out "view threshold rule details" link for now. Will chat with @maciejforcone when he's back and will revert. On the Runbook URL - let's discuss that offline first because it has wider implications on design and implementation

[benakansara]

Updated design for alert summary in alert details page.