Feature: Label gets too long with Commitment and Event

[adaburrows]

In issue #64, we introduced more information into the label in order to summarize both the commitment and the event. However, the built in edges in React Flow only supports text. So it shows up as an extremely long non-wrapping text box.

We should make a custom edge type that allows displaying HTML in it. According to the docs, the best way of doing this would be to add a custom edge with a <foreignObject /> that wraps our HTML. See: https://reactflow.dev/docs/examples/edges/edge-with-button/

[adaburrows]

I think this should be closed in favor of #164, where we would no longer need to display all the information about the Intents, Commitments, and Events on the line, as they would become the nodes. This means we could actually create something of a hybrid between the original NYTL and Simon's Rock/Code A flow charts.

[adaburrows]

Ok, I like what I'm thinking about in #164 and #170. In those scenarios, the label will no longer exist as a label, but will be a separate node.