use to set the hash instead of directly manipulating it (#4351)

* use  to set the hash instead of directly manipulating it

* Update Jobs.jsx

client/app/pages/admin/Jobs.jsx

@@ -9,14 +9,14 @@ import Layout from '@/components/admin/Layout';
 import { CounterCard } from '@/components/admin/CeleryStatus';
 import { WorkersTable, QueuesTable, OtherJobsTable } from '@/components/admin/RQStatus';
 
-import { $http } from '@/services/ng';
+import { $http, $location, $rootScope } from '@/services/ng';
 import recordEvent from '@/services/recordEvent';
 import { routesToAngularRoutes } from '@/lib/utils';
 import moment from 'moment';
 
 class Jobs extends React.Component {
   state = {
-    activeTab: location.hash.replace('#', '') || null,
+    activeTab: $location.hash(),
     isLoading: true,
     error: null,
 
@@ -80,7 +80,8 @@ class Jobs extends React.Component {
     const { isLoading, error, queueCounters, startedJobs, overallCounters, workers, activeTab } = this.state;
 
     const changeTab = (newTab) => {
-      location.replace(`${location.pathname}#${newTab}`);
+      $location.hash(newTab);
+      $rootScope.$applyAsync();
       this.setState({ activeTab: newTab });
     };