Add UI Blocks to Context Panel

[camielvs]

Description

Adds standard UI blocks for use inside the ContextPanel. Hopefully this will allow us a bit more visual consistency going forward. Each block has a header/title and some content. The header is the same for all blocks, but the content will be different depending on the block.

Implementation of the Blocks into existing Context Panel use cases is done upstack.

Blocks Added:

• ActionBlock: Renders a horizontal array of identical buttons based on an input label, icon and callback. Custom configuration options allow buttons to be hidden or disabled upon certain conditions, or to have two-step confirmation.
• ContentBlock: Renders any given ReactNode content. An optional prop allows the block to be collapsed.
• ListBlock: Renders a list of key:value pair items. Items can be with or without markers. Items without a value will not render in the list
• TextBlock: Renders text. Text can be copyable or collapsible via optional props

Additionally, the KeyValuePair component was added, which simply renders a given label and associated value. Value can be a string or a link.

Related Issue and Pull requests

Type of Change

• Improvement
• Cleanup/Refactor

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

Additional Comments

[camielvs]

• Break TaskActions into two sections #1550
• Rework Pipeline Action Buttons into Action Framework #1544
• Rework Task Action Buttons into Action Framework #1534
• Rework Run Action Buttons into Action Framework #1524
• Rework CodeViewer Implementation #1527
• Cleanup RunDetails #1508
• Cleanup PipelineDetails #1468
• Cleanup TaskDetails #1464
• Cleanup ExecutionDetails #1471
• Add UI Blocks to Context Panel #1470 👈 (View in Graphite)
• Update Link Component #1472
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.