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. Try to 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

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: olexii4

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

[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 1 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.