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

components/data-grids/shared/data-grid-layout.ts

@@ -16,7 +16,11 @@ const DEFAULT_DATA_GRID_CLASS_NAMES: NonNullable<DataGridProps<object>["tableCla
   bodyRow: "group/row",
 }
 
-const DATA_GRID_CONTAINER_CLASS = "rounded-none border-0"
+const DATA_GRID_CONTAINER_CLASS = "w-full rounded-none border-0"
+
+const DATA_PAGE_CARD_CLASS = "flex w-full flex-col overflow-hidden py-0 gap-0"
+
+const DATA_PAGE_TOOLBAR_CLASS = "flex items-center gap-3 px-5 py-3 border-b flex-wrap"
 
 export {
   DATA_GRID_CELL_PAD,
@@ -25,4 +29,6 @@ export {
   DEFAULT_DATA_GRID_LAYOUT,
   DEFAULT_DATA_GRID_CLASS_NAMES,
   DATA_GRID_CONTAINER_CLASS,
+  DATA_PAGE_CARD_CLASS,
+  DATA_PAGE_TOOLBAR_CLASS,
 }

components/data-grids/shared/data-grid-shell.tsx

@@ -42,6 +42,7 @@ function DataGridShell<TData extends object>({
 }: DataGridShellProps<TData>) {
   return (
     <DataGrid
+      className="w-full"
       table={table}
       recordCount={recordCount}
       isLoading={isLoading}