feat: add exdraw comment (#8137)

frontend/src/components/file-view/file-view.js

@@ -144,6 +144,7 @@ class FileView extends React.Component {
                 <OnlyofficeFileToolbar
                   toggleDetailsPanel={this.toggleDetailsPanel}
                   toggleHeader={this.toggleHeader}
+                  toggleCommentPanel={this.toggleCommentPanel}
                 /> :
                 <FileToolbar
                   isLocked={this.state.isLocked}

frontend/src/components/file-view/onlyoffice-file-toolbar.js

@@ -48,6 +48,13 @@ class OnlyofficeFileToolbar extends React.Component {
             text={gettext('Details')}
             onClick={this.props.toggleDetailsPanel}
           />
+          <div
+            className='file-toolbar-btn'
+            onClick={this.props.toggleCommentPanel}
+            aria-label={gettext('Comment')}
+          >
+            <i className="sdocfont sdoc-comments"></i>
+          </div>
           <Dropdown isOpen={moreDropdownOpen} toggle={this.toggleMoreOpMenu}>
             <DropdownToggle
               tag="span"
@@ -83,6 +90,9 @@ class OnlyofficeFileToolbar extends React.Component {
                 {gettext('Open parent folder')}
               </a>
             </DropdownItem>
+            <DropdownItem onClick={this.props.toggleCommentPanel}>
+              {gettext('Comment')}
+            </DropdownItem>
           </DropdownMenu>
         </Dropdown>
       </Fragment>