Cleanup PipelineDetails

[camielvs]

Description

Move PipelineDetails onto UI Primitives and ContextPanel Blocks for closer visual consistency with TaskDetails.

As part of this, files were moved to a new Context folder.

Additionally, a new PipelineIO component was added, which is very similar to the existing ArtifactsList but slightly different in how it handles data (and uses new Block components). As such, for this PR only the ArtifactsList and PipelineIO components live side-by-side in the directory. One is consumed by PipelineDetails, the other by RunDetails. ArtifactsList is then removed completely when RunDetails is migrated and cleaned up in the next PR. Most of the visual aspects of ArtifactsList are included in PipelineIO.

A note on Duplicate Efforts:
There was no intent to create a duplicate artifact/IO list. PipelineIO was created before ArtifactsList came into being and when I compared the two to see the similarities I decided to adopt the UI of ArtifactsList into the functionality/structure of PipelineIO.

This PR also fixes some text overflow bugs in the artifact list.

Related Issue and Pull requests

https://github.com/Shopify/oasis-frontend/issues/401

Type of Change

• Cleanup/Refactor

Checklist

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

Screenshots (if applicable)

Before	After

Test Instructions

No change to app functionality. UI update only. Confirm that the interface works and shows info as expected.

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 👈 (View in Graphite)
• Cleanup TaskDetails #1464
• Cleanup ExecutionDetails #1471
• Add UI Blocks to Context Panel #1470
• Update Link Component #1472
• master

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

[morgan-wowk]

🚀

[camielvs]

Merge activity

• Dec 18, 8:54 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Dec 18, 8:54 PM UTC: @camielvs merged this pull request with Graphite.