Replace TextArea cloud-init input with a Code Editor in Virtual Image modal

Description:
It would be helpful to have a code editor with line numbers in the virtual image add/edit modal, specifically for the Cloud-Init User Data field. It would also be helpful if there was better validation within the form itself before it is saved and the ability to view non-printable c.


Example/Use case(s):

  • Helpful for ensuring that a structurally valid YAML object is entered
  • Trap validation errors in the form instead of waiting until the image is used for provisioning
  • Improves cases where validation errors will be thrown in the logs due to e.g. an additional preceding space character
  • Easier to scroll and view data

Current Virtual Image modal: