Pipeline builder page

[andrewballantyne]

Fixes:
Dependency on #4004 (https://issues.redhat.com/browse/ODC-2605) -- 1st commit
Dependency on #4031 (https://issues.redhat.com/browse/ODC-2448) -- 2nd commit
https://issues.redhat.com/browse/ODC-2447 -- 3rd commit

Do review of the third commit while we wait for #4004 & #4031 to get in.

Analysis / Root cause:
With the work done in #4004 and #4031 we needed a real user page to make use of the Pipeline Builder.

Solution Description:
Mount a formik page and form; stitching up the Pipeline Builder visualization from #4031.

Screen shots / Gifs for design review:

@openshift/team-devconsole-ux

Unit test coverage report:

• Unit Tests

Test setup:

• Install the Pipeline Operator (this comes with cluster tasks from 0.8.x onwards)
• Go to the Pipelines page and "Create Pipeline"

Browser conformance:

• Chrome
• Firefox
• Safari
• Edge

/kind feature
/assign @christianvogt

[openshift-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: andrewballantyne
To complete the pull request process, please assign christianvogt
You can assign the PR to them by writing /assign @christianvogt in a comment when ready.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• frontend/packages/dev-console/OWNERS [andrewballantyne]
• frontend/packages/topology/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[serenamarie125]

Looking good so far!
Selecting that task is rough ;) but not your implementation issue

[andrewballantyne]

Looking good so far!
Selecting that task is rough ;) but not your implementation issue

I can probably cap the height of the popout - might make it a little nicer to work with.

[abhinandan13jan]

there are lint errors

[andrewballantyne]

there are lint errors

@abhinandan13jan There sure are! I'm having issues with my linter and I posted that in the #forum-ui room. Please review around the lint errors :)

[abhinandan13jan]

why not marginBottom: global_spacer_md.value from patternfly/react-tokens? Both would do the same thing... I am unsure which is more appropriate.

[andrewballantyne]

Was likely a hack to test something and stayed because it worked... probably should go into a scss file.

[abhinandan13jan]

apart from one small comment, the third commit looks good.

[andrewballantyne]

Folded into #4055 for CI sanity.