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

app/react/nomad/jobs/EventsView/EventsView.tsx

@@ -1,9 +1,7 @@
 import { useCurrentStateAndParams } from '@uirouter/react';
 
 import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
-import { NomadEventsList } from '@/react/nomad/types';
 
-import { TableSettingsProvider } from '@@/datatables/useTableSettings';
 import { PageHeader } from '@@/PageHeader';
 
 import { EventsDatatable } from './EventsDatatable';
@@ -27,14 +25,8 @@ export function EventsView() {
     { label: 'Events' },
   ];
 
-  const defaultSettings = {
-    pageSize: 10,
-    sortBy: {},
-  };
-
   return (
     <>
-      {/* header */}
       <PageHeader
         title="Event list"
         breadcrumbs={breadcrumbs}
@@ -43,20 +35,7 @@ export function EventsView() {
         onReload={invalidateQuery}
       />
 
-      <div className="row">
-        <div className="col-sm-12">
-          <TableSettingsProvider
-            defaults={defaultSettings}
-            storageKey="nomad-events"
-          >
-            {/* events table */}
-            <EventsDatatable
-              data={(query.data || []) as NomadEventsList}
-              isLoading={query.isLoading}
-            />
-          </TableSettingsProvider>
-        </div>
-      </div>
+      <EventsDatatable data={query.data || []} isLoading={query.isLoading} />
     </>
   );
 }