[system admin - departments] fixup & improvements (#7350)

- improved the UX for 'member item'
    - added paginator for the member list
    - fixed sorting members by 'role'
    - fixed member name link
    - added confirm dialog for 'delete member'
    - fixed displaying error msgs for adding multiple members
    - removed 'store the sort way in localStorage'
    - removed 'v2' from code & file names
    - cleaned up files. removed files for the previous version, and etc.
    - fixed 'delete repo'
    - improved the scroll of the main content area (make the department
      name bar & the tabs bar fixed)
    - fixup for mobile

frontend/src/components/dialog/sysadmin-dialog/sysadmin-delete-repo-dialog.js

@@ -47,7 +47,7 @@ class DeleteRepoDialog extends React.Component {
 const propTypes = {
   repo: PropTypes.object.isRequired,
   toggle: PropTypes.func.isRequired,
-  groupID: PropTypes.string,
+  groupID: PropTypes.number,
   onRepoChanged: PropTypes.func.isRequired
 };
 

frontend/src/components/paginator.js

@@ -100,9 +100,8 @@ class Paginator extends Component {
           <span className="sf3-font sf3-font-down rotate-270 d-inline-block"></span>
         </button>
 
-        <Dropdown isOpen={this.state.isMenuShow} toggle={this.toggleOperationMenu} direction="up" className="paginator-dropdown">
+        <Dropdown isOpen={this.state.isMenuShow} toggle={this.toggleOperationMenu} direction="up" className="paginator-dropdown ml-6">
           <DropdownToggle
-            className="ml-6"
             data-toggle="dropdown"
             aria-expanded={this.state.isMenuShow}
             onClick={this.toggleOperationMenu}