chore: migrate to react-codemirror

[olexii4]

What does this PR do?

Reworked the Devfile Viewer widget to use the react-codemirror library, which includes all proper styles and uses the actual version of the code editor component.

Screenshot/screencast of this PR

What issues does this PR fix or reference?

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

[che-bot]

Click here to review and test in web IDE:

[github-actions]

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

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-1307", name: che-dashboard}]}}]"

[codecov]

Codecov Report

❌ Patch coverage is 67.34694% with 16 lines in your changes missing coverage. Please review.
✅ Project coverage is 92.00%. Comparing base (3b5b0d4) to head (c8babe0).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
...rd-frontend/src/components/DevfileViewer/index.tsx	75.00%	11 Missing ⚠️
...oard-frontend/src/components/BasicViewer/index.tsx	0.00%	5 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1307      +/-   ##
==========================================
+ Coverage   91.77%   92.00%   +0.22%     
==========================================
  Files         509      509              
  Lines       47159    47151       -8     
  Branches     3338     3364      +26     
==========================================
+ Hits        43281    43381     +100     
+ Misses       3845     3734     -111     
- Partials       33       36       +3     

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

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

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-1307", name: che-dashboard}]}}]"

[github-actions]

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

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-1307-amd64", name: che-dashboard}]}}]"

[github-actions]

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

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-1307-ppc64le", name: che-dashboard}]}}]"

[github-actions]

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

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-1307-s390x", name: che-dashboard}]}}]"

[akurinnoy]

Works as expected!

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: akurinnoy, 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