feat: zIndex Management for Task Nodes

[camielvs]

Description

zIndex management for Task Nodes, accessible in UI via Context Panel & Configuration. zIndex is saved in annotations as annotations: { zIndex: number.toString() }

I didn't know where to stick the UI for it so just shoved it at the bottom of the Context Panel. It'd be nice to have a little floating toolbar above the node, but this is a sidequest, so it's something we can iterate on later.

Related Issue and Pull requests

Progresses https://github.com/Shopify/oasis-frontend/issues/483

Type of Change

• New feature

Checklist

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

Screenshots (if applicable)

Test Instructions

• Add a bunch of tasks to the Canvas
• Click on one of them. In the Context Panel you will see Stacking Controls at the bottom of the panel.
• Confirm that each of these buttons works as expected.
• Go to the Configuration Tab on a Task. Confirm that manually editing the zIndex annotation also works as expected.

Additional Comments

[camielvs]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• fix: Edges use zIndex from Connected Nodes #1761
• feat: zIndex Management for IO Nodes #1759
• feat: zIndex Management for Task Nodes #1757 👈 (View in Graphite)
• chore: Add Integer Annotation Type #1758
• feat: Add StackingControls for Managing zIndex #1756 : 1 other dependent PR (#1728 )
• chore: Node Definition Cleanup #1731
• master

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