Migrate from TinyMCE to TipTap

[BenjaminCharmes]

Closes #1232

Duplicate of the PR #1343 , but this one uses Tiptap and supports all the basic features of TinyMCE.
Perhaps it would be easier to merge the two to compare Quill and Tiptap? After trying both, TipTap seems more robust for the long term.

This PR already support:

• All old features of TinyMCEInline.vue
• Markdown
• Mermaid
• Cross-referencing

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 80.10%. Comparing base (b121182) to head (015ce86).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1349   +/-   ##
=======================================
  Coverage   80.10%   80.10%           
=======================================
  Files          70       70           
  Lines        4755     4755           
=======================================
  Hits         3809     3809           
  Misses        946      946           

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cypress]

datalab    Run #3898

Run Properties:   Passed #3898  •  4635d031fa ℹ️: Merge 015ce86c45fff605ddc7a1fe27aa517596222c16 into b121182e7a2c4ca1eebd268ed0b8...

Project	datalab
Branch Review	bc/migrate-to-tiptap
Run status	Passed #3898
Run duration	07m 36s
Commit	4635d031fa ℹ️: Merge 015ce86c45fff605ddc7a1fe27aa517596222c16 into b121182e7a2c4ca1eebd268ed0b8...
Committer	Ben Charmes
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	336
View all changes introduced in this branch ↗︎

[BenjaminCharmes]

Hey @jdbocarsly, as discussed last week in the PR using QuillJS, cross-referencing (should) work in this PR if you want to test it. I think I'm going to abandon QuillJS in favour of Tiptap to replace TinyMCE.

[jdbocarsly]

This is really slick! Thanks for doing this. The @ tagging is really smooth, and I really like the mermaid editor!

A few notes:

1. Is this on tiptap v2? Seems like v3 was released this summer...
2. When a tag is in the text and you are not in edit mode, clicking on the tag opens edit mode-- is there a way we could get this click to go straight to the tagged link (potentially in a new tab), instead of opening edit mode?
3. Is there a way to directly input images into tiptap? TinyMCE had a feature for that, which I think broke at some point on our deployment. That's really helpful for adding in photos, etc. to describe a procedure. I think tinymce would b64 encode it and put it directly in the text, which could cause an issue with the database since MongoDB documents are limited to 16 gb. We could think about an alternate workflow where the image is automatically uploaded to the sample and then embedded by link...
4. How is the markdown support here? Is it possible to have a toggle between "markdown" and "preview", like on Github?