chore(react/type_widget): prepare structure for split editor

apps/client/src/widgets/NoteDetail.tsx

@@ -16,6 +16,7 @@ import "./NoteDetail.css";
 import File from "./type_widgets/File";
 import Image from "./type_widgets/Image";
 import { ReadOnlyCode, EditableCode } from "./type_widgets/code/Code";
+import Mermaid from "./type_widgets/Mermaid";
 
 /**
  * A `NoteType` altered by the note detail widget, taking into consideration whether the note is editable or not and adding special note types such as an empty one,
@@ -94,6 +95,7 @@ function getCorrespondingWidget(noteType: ExtendedNoteType | undefined, props: T
         case "image": return <Image {...props} />
         case "readOnlyCode": return <ReadOnlyCode {...props} />
         case "editableCode": return <EditableCode {...props} />
+        case "mermaid": return <Mermaid {...props} />
         default: break;
     }
 }