refactor(kube/apps): convert placement table to react [EE-4662] (#8938)

app/react/kubernetes/applications/ItemView/PlacementsDatatable/columns/helper.ts

@@ -0,0 +1,5 @@
+import { createColumnHelper } from '@tanstack/react-table';
+
+import { Node } from '../../types';
+
+export const columnHelper = createColumnHelper<Node>();

app/react/kubernetes/applications/ItemView/PlacementsDatatable/columns/index.tsx

@@ -0,0 +1,15 @@
+import { buildExpandColumn } from '@@/datatables/expand-column';
+
+import { Node } from '../../types';
+
+import { columnHelper } from './helper';
+import { status } from './status';
+
+export const columns = [
+  buildExpandColumn<Node>(),
+  status,
+  columnHelper.accessor('Name', {
+    header: 'Node',
+    id: 'node',
+  }),
+];

app/react/kubernetes/applications/ItemView/PlacementsDatatable/columns/status.tsx

@@ -0,0 +1,23 @@
+import { Check, X } from 'lucide-react';
+
+import { Icon } from '@@/Icon';
+
+import { columnHelper } from './helper';
+
+export const status = columnHelper.accessor('AcceptsApplication', {
+  id: 'status',
+  cell: ({ getValue }) => {
+    const acceptsApplication = getValue();
+    return (
+      <Icon
+        icon={acceptsApplication ? Check : X}
+        mode={acceptsApplication ? 'success' : 'danger'}
+        size="sm"
+      />
+    );
+  },
+  meta: {
+    width: 30,
+  },
+  enableResizing: false,
+});