refactor(ui/datatables): migrate views to use datatable component [EE-4064] (#7609)

app/react/nomad/jobs/JobsView/JobsView.tsx

@@ -1,7 +1,6 @@
 import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
 
 import { PageHeader } from '@@/PageHeader';
-import { TableSettingsProvider } from '@@/datatables/useTableSettings';
 
 import { useJobs } from './useJobs';
 import { JobsDatatable } from './JobsDatatable';
@@ -10,12 +9,6 @@ export function JobsView() {
   const environmentId = useEnvironmentId();
   const jobsQuery = useJobs(environmentId);
 
-  const defaultSettings = {
-    autoRefreshRate: 10,
-    pageSize: 10,
-    sortBy: { id: 'name', desc: false },
-  };
-
   async function reloadData() {
     await jobsQuery.refetch();
   }
@@ -30,17 +23,11 @@ export function JobsView() {
         onReload={reloadData}
       />
 
-      <div className="row">
-        <div className="col-sm-12">
-          <TableSettingsProvider defaults={defaultSettings} storageKey="jobs">
-            <JobsDatatable
-              jobs={jobsQuery.data || []}
-              refreshData={reloadData}
-              isLoading={jobsQuery.isLoading}
-            />
-          </TableSettingsProvider>
-        </div>
-      </div>
+      <JobsDatatable
+        jobs={jobsQuery.data || []}
+        refreshData={reloadData}
+        isLoading={jobsQuery.isLoading}
+      />
     </>
   );
 }