feat: add resource allocation interaction (1st step)

[assynour]

When clicking on the "Allocate more resource" button, the sub-process diagram is displayed.

• It's running task is highlighted and the path leading to it is modified as well. This task proposed a popover which opens on hover.
• In the future, the style of some elements of the diagram will be modified when hovering on the row of the popover.
  When clicking on the "Contact-Client" button, a window alert is displayed. In the future, it will display the 2nd process of the diagram and it will let interact with it.

Implementation notes

This PR introduces refactoring to better encapsulate the logic.
In particular, it provides classes that may be reused outside this demo and served as starting point for experimental features

• BpmnElementsSearcher [FEAT] Add a new experimental API to get a edge/node by name bpmn-visualization-js#2453
• PathResolver [FEAT] Provide a way to style BPMN traces/paths bpmn-visualization-js#930 [FEAT] Improvements required to support "style the BPMN traces/paths" bpmn-visualization-js#2402
• BpmnElementsIdentifier: simplify the detection/identification of a BPMN Element (is activity, gateway, event) by only providing its id

The case monitoring data are fully managed by dedicated classes both for the main process and the sub-process.
Other parts of the code are still leaking the use cases at several places. This will be refactored later to limit the size of this PR.

Screenshots

Note: we see that several event listeners are registered on the button (as the window alert opens several times)

bonita-day-demo-2023_PR-10.mp4

[github-actions]

♻️ PR Preview c20f3ca has been successfully destroyed since this PR has been closed.

_{🤖 By surge-preview}