connection type preview form generation

[christianvogt]

https://issues.redhat.com/browse/RHOAIENG-10319

Description

Generates a preview form from the connection type resource and field descriptors.
Uses the existing mock which encompasses all variations of fields.

Form fields are rendered in their default states but do not react to changes so they act as read only.

Provides a drawer component to render the content preview given the connection type resource.

There are still several UX discussions on going but any changes should be minimal to incorporate.
There's also a quirk with dropdowns that is causing the drawer to scroll back to the top whenever it is opened. This can be dealt with later.

How Has This Been Tested?

Manually. Test pages.
Added unit tests.

Test Impact

Unit tests.

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• Commits have been squashed into descriptive, self-contained units of work (e.g. 'WIP' and 'Implements feedback' style messages have been removed)
• Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
• The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)

If you have UI changes:

• Included any necessary screenshots or gifs if it was a UI change.
• Included tags to the UX team if it was a UI/UX change.

After the PR is posted & before it merges:

• The developer has tested their solution on a cluster by using the image produced by the PR to main

cc @simrandhaliw

[christianvogt]

@emilys314 @jeff-phillips-18 rebased this PR

[emilys314]

Looks good to me I think

[jeff-phillips-18]

Nit: Calling it a Dropdown but using a Select could be confusing.

[christianvogt]

That's fair. It coincides with the type. And the type name will be shown to the user as an available type.

Perhaps we should discuss the type name with us?

[jeff-phillips-18]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

Approval requirements bypassed by manually added approval.

This pull-request has been approved by:

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

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS

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