Update Mermaid to support packet diagrams

Please follow the following template when posting a bug, make sure you’ve searched the bug reports category to avoid any duplicates!

Description of the bug
Supernotes does not render Mermaid diagrams. There is a “UnknownDiagramError: No diagram type detected matching given configuration for text: packet.” I have tested the code in Obsidian and an Online Mermaid editor to verify that the code is entered correctly. It displays the diagram properly and as intended.
I have tried looking for the latest version of Mermaid that is supported by Supernotes but have not been successful. This just might be me using a Mermaid diagram that is “newer” than the Mermaid version Supernotes supports.

Device, App & Version
iPhone iOS App, Windows, and Android App. All v3.2.4

Steps to reproduce
I am trying to create a diagram for network packets since the packet diagram is now an option in Mermaid. Since this diagram was not rendering I tested the treeview diagram. The treeview is still in beta so I excluded that one from the screenshots. The code for the packet diagram is:

packet
title TCP Packet
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)"

Screenshots / Screen Recording

Hi @BigHank, welcome to the Supernotes Community!

Ah this is simply because our Mermaid integration is running an older version, I’ve updated this to be a feature request to bump the version of Mermaid in the next release :slight_smile: