Integrating react-markdown with miq-structured-list and adding a markdown preview to service-catalog-item's long-description field

[jeffibm]

ToDo's

• Add react-markdown package
• Integrate the react-markdown component with MiqStructuredList
• Load the existing code into the codeMirror component on pageLoad
  - Code mirror works only on the first tab.
  - Contents were not showing up in the second tab.
  - Fixed it by implementing redux in MiqCustomTab component and updated the snapshots.
• Create a new react component with the code-mirror component for editing the react-markdown component for live preview
• Code changes in code-mirror should enable the save button in ruby form.
• Submit action
• Test Cases

Before

After

[jeffibm]

This seems to be working, but when we try to edit, the code mirror is not loading up.
It loads only when we click on it or change the window dimension

Screen.Recording.2023-11-27.at.7.10.13.PM.mov

[Fryguy]

• Line is too long. [112/80]

@jeffibm Ignore the bot on this one - I thought I had it disabled.

[miq-bot]

Checked commit jeffbonson@457607c with ruby 2.7.8, rubocop 1.56.3, haml-lint 0.51.0, and yamllint
2 files checked, 4 offenses detected

app/views/catalog/_form_details_info.html.haml

• ⚠️ - Line 10 - Layout/ArgumentAlignment: Align the arguments of a method call if they span more than one line.
• ⚠️ - Line 11 - Layout/HashAlignment: Align the keys and values of a hash literal if they span more than one line.
• ⚠️ - Line 12 - Layout/HashAlignment: Align the keys and values of a hash literal if they span more than one line.
• ⚠️ - Line 9 - Avoid using instance variables in partials views

[jrafanie]

Nice work @jeffibm it looks nice! My only concern is how the side by side looks on small screens but we can certainly take that on if it's a problem.

[jrafanie]

Are we thinking of backporting this to quinteros? @Fryguy @jeffibm. I don't know if the react-markdown and other dependency changes are something we want to backport at this time.

[Fryguy]

Technically they will all be in quinteros because I will be merging master into quinteros next week.