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

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

@@ -1,20 +1,20 @@
 "use client"
 
+import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid"
+
 import { useMemo } from "react"
 import {
   type ColumnDef,
-  getCoreRowModel,
-  getSortedRowModel,
-  useReactTable,
-} from "@tanstack/react-table-v8"
+  useTable,
+} from "@tanstack/react-table"
 import { cn } from "@/lib/utils"
-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"
-import { DataGridSortHeader } from "@/components/data-grids/shared/legacy-data-grid-sort-header"
+} from "@/components/data-grids/shared/data-grid-layout"
+import { DataGridSortHeader } from "@/components/data-grids/shared/data-grid-sort-header"
 import { EmptyState } from "@/components/empty-state"
 import {
   CheckIcon,
@@ -77,7 +77,7 @@ function CommunitiesDataGrid({
   onSelect,
   onCopy,
 }: CommunitiesDataGridProps) {
-  const columns = useMemo<ColumnDef<CommunityRow>[]>(
+  const columns = useMemo<ColumnDef<DataGridFeatures, CommunityRow>[]>(
     () => [
       {
         id: "value",
@@ -222,15 +222,15 @@ function CommunitiesDataGrid({
   )
 
   const rowSelection = useMemo(
-    () => (selectedId ? { [selectedId]: true } : {}),
+    () => (selectedId ? { [selectedId]: true as const } : {}),
     [selectedId],
   )
 
-  const table = useReactTable({
+  const table = useTable({
+    features: dataGridFeatures,
+    manualPagination: true,
     data: communities,
     columns,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
     getRowId: (row) => row.id,
     enableRowSelection: true,
     state: { rowSelection },