fix(ui): ограничить строки истории тестов скорости

components/data-grids/uptime-speed-history-data-grid.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid"
+import { DataGridContainer, DataGridScrollArea, DataGridTable, dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid"
 
-import { useMemo } from "react"
+import { useMemo, useEffect } from "react"
 import {
   type ColumnDef,
   useTable,
@@ -223,19 +223,33 @@ function UptimeSpeedHistoryDataGrid({ runs, servers }: UptimeSpeedHistoryDataGri
 
   const table = useTable({
     features: dataGridFeatures,
-    manualPagination: true,
+    manualPagination: false,
+    autoResetPageIndex: false,
     data: runs,
     columns,
     getRowId: (row) => row.id,
-    initialState: { sorting: [{ id: "startedAt", desc: true }] },
+    initialState: { pagination: { pageIndex: 0, pageSize: 50 }, sorting: [{ id: "startedAt", desc: true }] },
   })
 
+  const { pageIndex, pageSize } = table.state.pagination
+  useEffect(() => {
+    const lastPage = Math.max(0, Math.ceil(runs.length / pageSize) - 1)
+    if (pageIndex > lastPage) table.setPageIndex(lastPage)
+  }, [runs.length, pageSize, pageIndex, table])
+
   return (
     <DataGridShell
       table={table}
       recordCount={runs.length}
+      pagination={runs.length > 50 || pageSize !== 50}
       tableClassNames={{ bodyRow: cn("group/row text-xs") }}
-    />
+    >
+      <DataGridContainer border={false} className="w-full rounded-none border-0">
+        <DataGridScrollArea orientation="horizontal">
+          <DataGridTable />
+        </DataGridScrollArea>
+      </DataGridContainer>
+    </DataGridShell>
   )
 }