fixup for i18n; avoid XSS

- fixup for PR#5256

frontend/src/components/dialog/lib-sub-folder-permission-dialog.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { Modal, ModalHeader, ModalBody, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';
 import { gettext } from '../../utils/constants';
 import { Utils } from '../../utils/utils';
-import StyledTitle from '../styled-title';
 import LibSubFolderSetUserPermissionDialog from './lib-sub-folder-set-user-permission-dialog';
 import LibSubFolderSetGroupPermissionDialog from './lib-sub-folder-set-group-permission-dialog';
 import '../../css/share-link-dialog.css';
@@ -65,28 +64,13 @@ class LibSubFolderPermissionDialog extends React.Component {
     );
   }
 
-  renderHeader = () => {
-    const { repoName, folderName } = this.props;
-    if (repoName) {
-      return (
-        <Fragment>
-          <StyledTitle title={repoName} />{gettext('Folder Permission')}
-        </Fragment>
-      );
-    }
-    return (
-      <Fragment>
-        {gettext('Set')}{' '}<StyledTitle title={folderName} />{gettext('permission')}
-      </Fragment>
-    );
-  }
-
   render() {
+    const { repoName, folderName } = this.props;
     return (
       <div>
         <Modal isOpen={true} style={{maxWidth: '980px'}} className="share-dialog" toggle={this.props.toggleDialog}>
           <ModalHeader toggle={this.props.toggleDialog}>
-            {this.renderHeader()}
+            <span>{repoName ? Utils.generateDialogTitle(gettext('{placeholder} Folder Permission'), repoName) : Utils.generateDialogTitle(gettext('Set {placeholder}\'s permission'), folderName)}</span>
           </ModalHeader>
           <ModalBody className="dialog-list-container share-dialog-content" role="tablist">
             {this.renderContent()}