Attempted to integrate Pretext.js into `list-table-v2.vue` for synchronous row height calculation without DOM reflow.
## What Was Done
1. **Created `useColumnWidthCalculator.ts`** - Composable that mathematically replicates CSS flexbox column width distribution for el-table-v2
2. **Created `usePretextHeight.ts`** - Composable for calculating text heights using Pretext.js with caching
3. **Attempted VirtualTable approach** - Created a functional JSX component inside list-table-v2 that:
- Receives width directly from `el-auto-resizer` slot props
- Calculates `estimatedRowHeight` using Pretext synchronously during render
- Uses `toRaw()` to break reactive chains and avoid recursion
4. **Issues encountered**:
- **Recursion error**: `onItemRendered` callback in el-table-v2 was triggering reactive loops
- **Fixed by** removing nested `computed` and using `toRaw()`
- **Virtual row count bug**: el-table-v2 only rendered 3 rows instead of ~10 with estimatedRowHeight set
- The VirtualTable approach caused el-table-v2's DynamicSizeGrid to miscalculate the virtual scroll window
5. **Root cause**: el-table-v2's DynamicSizeGrid uses `estimatedRowHeight` to calculate how many rows to render in the viewport. With actual rows at 28px but estimated heights causing miscalculations, the virtual scroller wasn't showing all rows.
6. **Reverted changes**: Reverted list-table-v2.vue to original code since the VirtualTable approach wasn't working correctly.
