add a limit class for router container (#3197)

frontend/src/app.js

@@ -184,7 +184,7 @@ class App extends Component {
         <div id="main">
           <SidePanel isSidePanelClosed={this.state.isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} currentTab={currentTab} tabItemClick={this.tabItemClick} draftCounts={this.state.draftCounts} />
           <MainPanel>
-            <Router>
+            <Router className="reach-router">
               {home}
               <FilesActivitiesWrapper path={siteRoot + 'dashboard'} onShowSidePanel={this.onShowSidePanel} onSearchedClick={this.onSearchedClick} />
               <DraftsViewWrapper path={siteRoot + 'drafts'}

frontend/src/css/layout.css

@@ -135,7 +135,7 @@
 }
 
 /* for reach/router */
-[role=group] {
+.reach-router[role=group] {
   display: flex;
   flex: 1;
   flex-direction: column;

frontend/src/pages/org-admin/index.js

@@ -78,7 +78,7 @@ class Org extends React.Component {
       <div id="main">
         <SidePanel isSidePanelClosed={isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} currentTab={currentTab} tabItemClick={this.tabItemClick} />
         <MainPanel currentTab={currentTab} toggleAddOrgAdmin={this.toggleAddOrgAdmin} toggleAddOrgUser={this.toggleAddOrgUser} toggleInviteUserDialog={this.toggleInviteUserDialog}>
-          <Router>
+          <Router className="reach-router">
             <OrgInfo path={siteRoot + 'org/orgmanage'} />
             <OrgUsers 
               path={siteRoot + 'org/useradmin'}

frontend/src/pages/sys-admin/index.js

@@ -41,7 +41,7 @@ class SysAdmin extends React.Component {
       <div id="main">
         <SidePanel isSidePanelClosed={isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} />
         <MainPanel>
-          <Router>
+          <Router className="reach-router">
             <FileScanRecords
               path={siteRoot + 'sys/file-scan-records'}
               currentTab={currentTab}