Watch file changes (#5364)

* [my libraries] redesigned 'watch/unwatch file changes'

- added 'watch file changes' & 'unwatch file changes' to the operation
menu
- added icon & tooltip for monitored libraries
- added support for mobile

* [my libs] updated 'watch/unwatch file changes'

* [notifications] update for 'watch/unwatch file changes'

frontend/src/pages/my-libs/mylib-repo-menu.js

@@ -70,12 +70,19 @@ class MylibRepoMenu extends React.Component {
       operations.push('Folder Permission');
     }
     operations.push('Share Links Admin', 'Divider');
+
     if (repo.encrypted) {
       operations.push('Change Password');
     }
     if (showResetPasswordMenuItem) {
       operations.push('Reset Password');
     }
+
+    if (isPro) {
+      const monitorOp = repo.monitored ? 'Unwatch File Changes' : 'Watch File Changes';
+      operations.push(monitorOp);
+    }
+
     operations.push('History Setting', 'API Token');
     if (this.props.isPC && enableRepoSnapshotLabel) {
       operations.push('Label Current State');
@@ -116,6 +123,12 @@ class MylibRepoMenu extends React.Component {
       case 'Reset Password':
         translateResult = gettext('Reset Password');
         break;
+      case 'Watch File Changes':
+        translateResult = gettext('Watch File Changes');
+        break;
+      case 'Unwatch File Changes':
+        translateResult = gettext('Unwatch File Changes');
+        break;
       case 'Folder Permission':
         translateResult = gettext('Folder Permission');
         break;