basic file support comment (#7731)

* basic file support comment

* 01 add init loading icon

* delete useless comment

* 02 delete comment tip

* update api validation

* 03 update API params

* 04 delete useless api

* 05 remove read all notification

* 06 change comment and reply permission

* 07 change docUuid to fileUuid

---------

Co-authored-by: r350178982 <32759763+r350178982@users.noreply.github.com>

frontend/src/css/react-mentions-default-style.js

@@ -0,0 +1,66 @@
+const defaultStyle = {
+  control: {
+    backgroundColor: '#fff',
+    fontSize: 14,
+    fontWeight: 'normal',
+  },
+  highlighter: {
+    overflow: 'hidden',
+  },
+  input: {
+    margin: 0,
+  },
+  '&singleLine': {
+    control: {
+      display: 'inline-block',
+      width: 130,
+    },
+    highlighter: {
+      padding: 1,
+      border: '2px inset transparent',
+    },
+    input: {
+      padding: 1,
+      border: '2px inset',
+    },
+  },
+  '&multiLine': {
+    control: {
+    },
+    highlighter: {
+      padding: 9,
+    },
+    input: {
+      padding: '8px 6px 20px 6px',
+      minHeight: 90,
+      height: 90,
+      border: '1px solid #e6e6dd',
+      overfflowY: 'auto',
+      outline: 'none',
+    },
+  },
+  suggestions: {
+    list: {
+      backgroundColor: 'white',
+      border: '1px solid rgba(0,0,0,0.15)',
+      fontSize: 14,
+      maxHeight: 200,
+      overflow: 'auto',
+      position: 'absolute',
+      bottom: 14,
+      width: '150px',
+    },
+    item: {
+      width: 'auto',
+      padding: '5px 0px',
+      overflowX: 'auto',
+      borderBottom: '1px solid rgba(0, 0, 0, 0)',
+      '&focused': {
+        backgroundColor: '#f5f5f5',
+        fontWeight: '400',
+      },
+    },
+  },
+};
+
+export { defaultStyle };