feat: add text wrapping examples to dev sequence diagram

dist/index.html

@@ -449,8 +449,13 @@ Bob-->>John: How about you John?
 end
 Bob--x Alice: I am good thanks!
 Bob-x John: I am good thanks!
-Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
+Note right of John: John thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
 Bob-->Alice: Checking with John...
+Note over John:wrap: John looks like he's still thinking, so Bob prods him a bit.
+Bob-x John: Hey John - we're still waiting to know<br/>how you're doing
+Note over John:nowrap: John's trying hard not to break his train of thought.
+Bob-x John:wrap: John! Are you still debating about how you're doing? How long does it take??
+Note over John: After a few more moments, John<br/>finally snaps out of it.
 end
 alt either this
 Alice->>John: Yes