feat: add pagination to schedule history and consolidation approvals

- Implemented pagination in ScheduleHistoryPanel to manage large history entries.
- Updated API to support pagination parameters for schedule history.
- Enhanced ConsolidationApprovalsPage with tabbed navigation and pagination for approval rows.
- Introduced new types for paginated responses in bookings and train scheduling services.
- Added a database migration to create an index on wagon_booking_allocations for performance improvements.

apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleHistoryPanel.tsx

@@ -1,6 +1,7 @@
 import {
   Badge,
   Group,
+  Pagination,
   Paper,
   Stack,
   Text,
@@ -8,6 +9,7 @@ import {
   Timeline,
 } from "@mantine/core";
 import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
 import {
   ArrowLeftRight,
   History,
@@ -41,13 +43,18 @@ const ACTION_META: Record<
  * bookings removed from the composition — newest first.
  */
 export default function ScheduleHistoryPanel({ scheduleId }: { scheduleId: string }) {
+  const [page, setPage] = useState(1);
   const historyQuery = useQuery(
     api.trainScheduling.scheduleHistory.queryOptions({
-      input: { scheduleId },
+      input: { scheduleId, page, pageSize: 20 },
       enabled: Boolean(scheduleId),
+      // Keep the previous page on screen while the next one loads.
+      placeholderData: (prev) => prev,
     }),
   );
-  const entries = historyQuery.data ?? [];
+  const entries = historyQuery.data?.items ?? [];
+  const totalPages = Math.max(1, historyQuery.data?.meta.totalPages ?? 1);
+  const total = historyQuery.data?.meta.total ?? 0;
 
   return (
     <Paper radius="xl" p="lg">
@@ -131,6 +138,15 @@ export default function ScheduleHistoryPanel({ scheduleId }: { scheduleId: strin
             })}
           </Timeline>
         )}
+
+        {totalPages > 1 ? (
+          <Group justify="space-between">
+            <Text size="xs" c="dimmed">
+              {total} change(s)
+            </Text>
+            <Pagination size="sm" value={page} onChange={setPage} total={totalPages} />
+          </Group>
+        ) : null}
       </Stack>
     </Paper>
   );