refactor(k8s): namespace core logic (#12142)

Co-authored-by: testA113 <aliharriss1995@gmail.com>
Co-authored-by: Anthony Lapenna <anthony.lapenna@portainer.io>
Co-authored-by: James Carppe <85850129+jamescarppe@users.noreply.github.com>
Co-authored-by: Ali <83188384+testA113@users.noreply.github.com>

app/react/kubernetes/cluster/NodeView/NodeApplicationsDatatable/NodeApplicationsDatatable.tsx

@@ -1,7 +1,10 @@
+import { useCurrentStateAndParams } from '@uirouter/react';
+
 import LaptopCode from '@/assets/ico/laptop-code.svg?c';
+import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
+import { useApplications } from '@/react/kubernetes/applications/application.queries';
 
 import { Datatable, TableSettingsMenu } from '@@/datatables';
-import { useRepeater } from '@@/datatables/useRepeater';
 import { TableSettingsMenuAutoRefresh } from '@@/datatables/TableSettingsMenuAutoRefresh';
 import { useTableStateWithStorage } from '@@/datatables/useTableState';
 import {
@@ -11,19 +14,10 @@ import {
 } from '@@/datatables/types';
 
 import { useColumns } from './columns';
-import { NodeApplication } from './types';
 
 interface TableSettings extends BasicTableSettings, RefreshableTableSettings {}
 
-export function NodeApplicationsDatatable({
-  dataset,
-  onRefresh,
-  isLoading,
-}: {
-  dataset: Array<NodeApplication>;
-  onRefresh: () => void;
-  isLoading: boolean;
-}) {
+export function NodeApplicationsDatatable() {
   const tableState = useTableStateWithStorage<TableSettings>(
     'kube-node-apps',
     'Name',
@@ -31,19 +25,28 @@ export function NodeApplicationsDatatable({
       ...refreshableSettings(set),
     })
   );
-  useRepeater(tableState.autoRefreshRate, onRefresh);
+
+  const envId = useEnvironmentId();
+  const {
+    params: { nodeName },
+  } = useCurrentStateAndParams();
+  const applicationsQuery = useApplications(envId, {
+    nodeName,
+    refetchInterval: tableState.autoRefreshRate * 1000,
+  });
+  const applications = applicationsQuery.data ?? [];
 
   const columns = useColumns();
 
   return (
     <Datatable
-      dataset={dataset}
+      dataset={applications}
       settingsManager={tableState}
       columns={columns}
       disableSelect
       title="Applications running on this node"
       titleIcon={LaptopCode}
-      isLoading={isLoading}
+      isLoading={applicationsQuery.isLoading}
       renderTableSettings={() => (
         <TableSettingsMenu>
           <TableSettingsMenuAutoRefresh