fix alignment of text for connection type form elements

[christianvogt]

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

Description

Removed the enable checkbox from the type details section which allows it more room to display without text wrapping.

Removed the col span from the section title cell in order to constrain the text to its column.

Added missing icon to search inputs:

cc @simrandhaliw

How Has This Been Tested?

Manually.
Visual only changes.

Test Impact

N/A

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

[codecov]

Codecov Report

Attention: Patch coverage is 80.00000% with 1 line in your changes missing coverage. Please review.

Project coverage is 85.24%. Comparing base (85f2b31) to head (e043623).
Report is 3 commits behind head on main.

Files with missing lines	Patch %	Lines
...concepts/connectionTypes/ConnectionTypePreview.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3162      +/-   ##
==========================================
- Coverage   85.26%   85.24%   -0.02%     
==========================================
  Files        1258     1258              
  Lines       27684    27684              
  Branches     7372     7372              
==========================================
- Hits        23604    23600       -4     
- Misses       4080     4084       +4     

Files with missing lines	Coverage Δ
frontend/src/components/TruncatedText.tsx	100.00% <ø> (ø)
...es/connectionTypes/ConnectionTypesTableToolbar.tsx	84.21% <100.00%> (ø)
...src/pages/connectionTypes/EmptyConnectionTypes.tsx	100.00% <ø> (ø)
...ypes/manage/ManageConnectionTypeFieldsTableRow.tsx	86.20% <ø> (ø)
...onnectionTypes/manage/ManageConnectionTypePage.tsx	92.30% <100.00%> (ø)
...concepts/connectionTypes/ConnectionTypePreview.tsx	5.26% <0.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 85f2b31...e043623. Read the comment docs.

[emilys314]

The checkbox does indeed go wider. Also the col span for name / desc is only on it's own column.

However, in your screenshot i see a 2 line truncated description, i don't seem to see that?

[christianvogt]

@emilys314 I've updated TruncatedText to include overflowWrap: 'anywhere'. This is the style you applied to the preview to address the same issue there.

[emilys314]

/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