Fix DevfileViewer widget

[olexii4]

What does this PR do?

Reworked the Devfile Viewer widget. This solution does not change the final package size of 1.91 MB.

Screenshot/screencast of this PR

What issues does this PR fix or reference?

fixes eclipse-che/che#23324

Is it tested? How?

1. Deploy Eclipse-Che with the image from this PR.
2. Create a new workspace from the source:

https://gist.githubusercontent.com/olexii4/dfb21012e08eedf8fc17ae608708fe87/raw/bec54efa905b915695dcb7fc5806cb4b456aa343/devfile.yaml

3. Open Workspace Detail / Devfile page and Devfile Viewer styles should be correct:
   

Release Notes

Docs PR

[che-bot]

Click here to review and test in web IDE:

[github-actions]

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1309

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1309", name: che-dashboard}]}}]"

[codecov]

Codecov Report

Attention: Patch coverage is 24.13793% with 22 lines in your changes missing coverage. Please review.

Project coverage is 91.65%. Comparing base (900f6ef) to head (fefe525).
Report is 4 commits behind head on main.

Files with missing lines	Patch %	Lines
...oard-frontend/src/components/BasicViewer/index.tsx	0.00%	11 Missing ⚠️
...rd-frontend/src/components/DevfileViewer/index.tsx	0.00%	7 Missing ⚠️
.../pages/WorkspaceDetails/DevfileEditorTab/index.tsx	25.00%	3 Missing ⚠️
...oard-frontend/src/pages/WorkspaceDetails/index.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1309      +/-   ##
==========================================
+ Coverage   91.58%   91.65%   +0.07%     
==========================================
  Files         498      499       +1     
  Lines       45447    45474      +27     
  Branches     3165     3156       -9     
==========================================
+ Hits        41622    41680      +58     
+ Misses       3793     3764      -29     
+ Partials       32       30       -2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[vinokurig]

Tested according to the provided description.

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: ibuziuk, olexii4, vinokurig

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

Needs approval from an approver in each of these files:

• OWNERS

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

[devspacesbuild]

Build 3.19 :: dashboard_3.x/625: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: sync-to-downstream_3.x/8707: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: get-sources-rhpkg-container-build_3.x/8826: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: push-latest-container-to-quay_3.x/5077: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: get-sources-rhpkg-container-build_3.x/8826:

dashboard : 3.x :: Build 66573776 : quay.io/devspaces/dashboard-rhel9:3.19-12
SUCCESS; copied to quay; /DS_CI/push-latest-container-to-quay_3.x/5077 triggered

[devspacesbuild]

Build 3.19 :: update-digests_3.x/8525: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: dashboard_3.x/625:

Upstream sync done; /DS_CI/sync-to-downstream_3.x/8707 triggered

[devspacesbuild]

Build 3.19 :: operator-bundle_3.x/4399: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: sync-to-downstream_3.x/8708: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: get-sources-rhpkg-container-build_3.x/8827: Console, Changes, Git Data

[devspacesbuild]

Build 3.19 :: get-sources-rhpkg-container-build_3.x/8827:

devspaces-operator-bundle : 3.x :: Failed in 66574012 : BREW:BUILD/STATUS:UNKNOWN
FAILURE:; copied to quay