Capability to mention users in a document (#4838)

* feat: mention user

* fix: trigger api call on every letter typed

* fix: this allows command menu to re-render upon props change, shouldComponentUpdate prevented re-rendering when necessary

* fix: add node

* fix: mention node styling

* fix: Caret not visible after inserting mention

* fix: apply mentionRule

* fix: label is to be obtained from content, not attrs

* feat: add mentions table and model

* fix: typo

* fix: make all mention nodes visible in shared doc

* feat: parse mention ids from doc text

* feat: MentionsProcessor

* feat: documents.publish tests

* feat: tests for MentionsProcessor

* feat: schedule notifs for mentions

* fix: get rid of Mention model

* fix: put actor id and mention id in raw md

* Revert "fix: put actor id and mention id in raw md"

This reverts commit 3bb8a22e3c560971dccad6d2f82266256bcb2d96.

* Revert "Revert "fix: put actor id and mention id in raw md""

This reverts commit 3c5b36c40cebf147663908cf27d0dce6488adfad.

* fix: review

* fix: no need of set

* fix: show avatar

* fix: get rid of eventName

* fix: font-weight

* fix: prioritize mention notifs

* fix: store id in md

* fix: no need of prepending m

* fix: fetchPage

* fix: Avatars incorrect color

* fix: remove scanRE

* fix: test

* fix: include alphabet other than latin

* lockfile

* fix: regex should test for letters, marks and digits

---------

Co-authored-by: Tom Moor <tom.moor@gmail.com>

shared/styles/theme.ts

@@ -142,6 +142,7 @@ export const buildLightTheme = (input: Partial<Colors>): DefaultTheme => {
     inputBorder: colors.slateLight,
     inputBorderFocused: colors.slate,
     listItemHoverBackground: colors.warmGrey,
+    mentionBackground: colors.warmGrey,
     toolbarHoverBackground: colors.black,
     toolbarBackground: colors.almostBlack,
     toolbarInput: colors.white10,
@@ -210,6 +211,7 @@ export const buildDarkTheme = (input: Partial<Colors>): DefaultTheme => {
     inputBorder: colors.slateDark,
     inputBorderFocused: colors.slate,
     listItemHoverBackground: colors.white10,
+    mentionBackground: colors.white10,
     toolbarHoverBackground: colors.slate,
     toolbarBackground: colors.white,
     toolbarInput: colors.black10,