Unleash / unleash / 26222193357

87%

master: 91%

push

github

chore: migrate react table v7 to v8 (#11967)

Migrate from react-table v7 to TanStack Table v8

## Summary

Replaces `react-table` v7 with `@tanstack/react-table` v8 across the
frontend. The migration was staged in ~25 small phases (phase 1
foundation → phase 5 v7 removal) so each table could be cut over and
verified independently before the v7 dependency was dropped.

Net behavior should be the same. Internal API and column-definition
shape changes; nothing intended user-facing.

## Why v8

- v7 is unmaintained; v8 is the canonical successor (TanStack Table).
- v8 is headless and dependency-free, ships proper TypeScript types, and
works with React 18/19's stricter rendering rules.
- Lets us delete a sizable amount of legacy plugin glue
(`useFlexLayout`, `useSortBy`, custom `react-table-config.d.ts`,
`sortTypes` helpers).

## What changed conceptually

A handful of v7 idioms had no direct v8 equivalent and required
deliberate replacements. These are the migration's main pitfalls — most
of the bugs we hit during testing trace back to one of them.

### 1. Column definitions: `Header`/`accessor`/`Cell` →
`header`/`accessorKey`/`cell`

Capitalization changes, plus `accessor` splits into `accessorKey`
(string) and `accessorFn` (function). Mechanical rename.

### 2. Layout fields move to `meta`

v7 accepted `width`/`minWidth`/`maxWidth`/`align`/`styles` directly on
the column. v8 has no built-in layout system, so these now live on
`column.meta`, declared via the module-augmentation in
`frontend/src/types/react-table-v8.d.ts`.

```ts
// v7
{ Header: 'Name', accessor: 'name', minWidth: 200, align: 'left' }

// v8
{ id: 'name', header: 'Name', accessorKey: 'name', meta: { minWidth: 200, align: 'left' } }
```

### 3. `useFlexLayout` is gone

v7's `useFlexLayout` plugin auto-injected `display: flex` onto
header/body rows and gave every column a default `width: 150` if none
was set. v8 has nothing equivalent. We replicate it manually in our
`VirtualizedTableV8` a... (continued)

1847 of 2045 branches covered (90.32%)

15096 of 17335 relevant lines covered (87.08%)

925.7 hits per line