fix(ui): перенести основные таблицы на ReUI v9

components/data-grids/traffic-flows-data-grid.tsx

@@ -1,15 +1,17 @@
 "use client"
 
+import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid"
+
 import { useMemo } from "react"
-import { type ColumnDef, getCoreRowModel, useReactTable } from "@tanstack/react-table-v8"
+import { type ColumnDef, useTable } from "@tanstack/react-table"
 import type { FlowTalkerDto } from "@mmapp/contracts/traffic-flow"
 import { ArrowDownIcon, ArrowUpIcon, MinusIcon } from "lucide-react"
-import { DataGridShell } from "@/components/data-grids/shared/legacy-data-grid-shell"
+import { DataGridShell } from "@/components/data-grids/shared/data-grid-shell"
 import {
   DATA_GRID_CELL_PAD,
   DATA_GRID_CELL_PAD_FIRST,
   DATA_GRID_CELL_PAD_LAST,
-} from "@/components/data-grids/shared/legacy-data-grid-layout"
+} from "@/components/data-grids/shared/data-grid-layout"
 import { fmtRate } from "@/lib/fmt-rate"
 import { cn } from "@/lib/utils"
 
@@ -61,7 +63,7 @@ function TrafficFlowsDataGrid({
   rows: FlowTalkerDto[]
   emptyHint?: string
 }) {
-  const columns = useMemo<ColumnDef<FlowTalkerDto>[]>(
+  const columns = useMemo<ColumnDef<DataGridFeatures, FlowTalkerDto>[]>(
     () => [
       {
         id: "client",
@@ -169,10 +171,12 @@ function TrafficFlowsDataGrid({
     [],
   )
 
-  const table = useReactTable({
+  const table = useTable({
+    features: dataGridFeatures,
+    manualPagination: true,
+    manualSorting: true,
     data: rows,
     columns,
-    getCoreRowModel: getCoreRowModel(),
     getRowId: (row, i) => `${row.serverId}-${row.src}-${row.dst}-${row.proto}-${row.srcPort}-${row.dstPort}-${i}`,
   })