feat(app): migrate app parent view to react [EE-5361] (#10086)

Co-authored-by: testa113 <testa113>

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

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

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

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

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

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