create preview modal for connection types

[christianvogt]

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

Description

Adds a preview action to connection types which opens a preview modal with the connection form in read only mode.

How Has This Been Tested?

• enable the connection types feature flag disableConnectionTypes
• navigate to Settings -> Connection types as an admin
• Create a connection type
• From the connection type list, open the kebab menu for the connection type and select Preview
• Observe the preview modal is read only and can be closed

Test Impact

Added cypress test.

Request review criteria:

Self checklist (all need to be checked):

• The developer has manually tested the changes and verified that the changes work
• 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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 85.09%. Comparing base (d9788f8) to head (eb17e2c).
Report is 4 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3379      +/-   ##
==========================================
+ Coverage   85.08%   85.09%   +0.01%     
==========================================
  Files        1329     1330       +1     
  Lines       29931    29937       +6     
  Branches     8200     8201       +1     
==========================================
+ Hits        25466    25476      +10     
+ Misses       4465     4461       -4     

Files with missing lines	Coverage Δ
...rc/concepts/connectionTypes/ConnectionTypeForm.tsx	94.28% <ø> (+5.55%)	⬆️
...ts/connectionTypes/ConnectionTypePreviewDrawer.tsx	100.00% <ø> (ø)
...pts/connectionTypes/ConnectionTypePreviewModal.tsx	100.00% <100.00%> (ø)
.../pages/connectionTypes/ConnectionTypesTableRow.tsx	69.09% <100.00%> (+2.42%)	⬆️
...eens/detail/connections/ManageConnectionsModal.tsx	93.54% <100.00%> (ø)

... and 4 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d9788f8...eb17e2c. Read the comment docs.

[emilys314]

I tested out the PR image and it all looks good

/lgtm

[christianvogt]

Rebased. But also pulled out <Form> from ConnectionTypeForm as you did in your PR so that the Add connection title will now only be shown for the preview drawer and not the modal as per latest mocks.

[emilys314]

Tested again
/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