chore(ui): сохранить основу поэтапной миграции таблиц

components/data-grids/servers-data-grid.tsx

@@ -3,10 +3,7 @@
 import { useMemo } from "react"
 import {
   type ColumnDef,
-  getCoreRowModel,
-  getExpandedRowModel,
-  getSortedRowModel,
-  useReactTable,
+  useTable,
 } from "@tanstack/react-table"
 import type { Server, ServerType } from "@/lib/data"
 import { StatusBadge } from "@/components/status-badge"
@@ -21,6 +18,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import { DataGridShell } from "@/components/data-grids/shared/data-grid-shell"
+import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid/data-grid"
 import {
   DATA_GRID_CELL_PAD,
   DATA_GRID_CELL_PAD_FIRST,
@@ -185,7 +183,7 @@ function ServersDataGrid({
   onDelete,
   onToggleStatus,
 }: ServersDataGridProps) {
-  const columns = useMemo<ColumnDef<Server>[]>(
+  const columns = useMemo<ColumnDef<DataGridFeatures, Server>[]>(
     () => [
       {
         id: "name",
@@ -363,12 +361,11 @@ function ServersDataGrid({
     [busy, isLive, onDelete, onEdit, onPoll, onToggleStatus, pollingIds],
   )
 
-  const table = useReactTable({
+  const table = useTable({
+    features: dataGridFeatures,
     data: servers,
     columns,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getExpandedRowModel: getExpandedRowModel(),
+    manualPagination: true,
     getRowId: (row) => row.id,
     getRowCanExpand: () => true,
   })