SWF Viewer - Add rectangular drawing areas to Serverless Editor so users can enhance the visual of their workflows

It would enhance the UX and presentation of a workflow if users could draw rectangular areas around the workflow nodes representing boundaries. That can improve the visual representation of a workflow.

See the attached mockup image to understand the overall idea.

This feature is UX related, and not meant to be processed by the runtime side.

The editor can have an extension to save the information of these visual blocks in the SW file. For example:

{
   "id": "workflow1",
   "extensions": [{
      "extensionid": "kogito-editor-data",
      "panels": [{
           "id": "0000-0000-0000",
           "description": "Shipping Handling",
           "x": 123.4,
           "y": 123.5,
           "width": "400px",
           "height": "400px",
           "color": "ff0000",
           "border": "solid 1px black"
       }]
   }]
}

See: https://github.com/serverlessworkflow/specification/blob/main/specification.md#Extensions