fix(ui): улучшить функциональность панели данных и заменить устаревшие компоненты

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

@@ -36,7 +36,6 @@ interface CompactDataGridProps<T extends { id: string }> {
   emptyDescription?: string
   onRowClick?: (row: T) => void
   getExpandedContent?: (row: T) => ReactNode
-  compact?: boolean
 }
 
 function CompactDataGrid<T extends { id: string }>({
@@ -47,12 +46,7 @@ function CompactDataGrid<T extends { id: string }>({
   emptyDescription,
   onRowClick,
   getExpandedContent,
-  compact = false,
 }: CompactDataGridProps<T>) {
-  const pad = compact ? "py-2" : DATA_GRID_CELL_PAD
-  const padFirst = compact ? "pl-4 py-2" : DATA_GRID_CELL_PAD_FIRST
-  const padLast = compact ? "pr-4 py-2" : DATA_GRID_CELL_PAD_LAST
-
   const columnDefs = useMemo<ColumnDef<T>[]>(
     () =>
       columns.map((col, index) => ({
@@ -67,16 +61,24 @@ function CompactDataGrid<T extends { id: string }>({
           headerTitle: col.header,
           headerClassName:
             col.headerClassName ??
-            (index === 0 ? padFirst : index === columns.length - 1 ? padLast : pad),
+            (index === 0
+              ? DATA_GRID_CELL_PAD_FIRST
+              : index === columns.length - 1
+                ? DATA_GRID_CELL_PAD_LAST
+                : DATA_GRID_CELL_PAD),
           cellClassName:
             col.cellClassName ??
-            (index === 0 ? padFirst : index === columns.length - 1 ? padLast : pad),
+            (index === 0
+              ? DATA_GRID_CELL_PAD_FIRST
+              : index === columns.length - 1
+                ? DATA_GRID_CELL_PAD_LAST
+                : DATA_GRID_CELL_PAD),
           ...(getExpandedContent && index === 0
             ? { expandedContent: getExpandedContent }
             : {}),
         },
       })),
-    [columns, getExpandedContent, pad, padFirst, padLast],
+    [columns, getExpandedContent],
   )
 
   const table = useReactTable({