[DataTable] Optimize IntersectionObserver, fix index keys, and improve sticky columns

[ravisuhag]

Summary

DataTable wraps TanStack React Table with virtual scrolling and sticky columns. Several type safety and performance improvements can be made.

Improvements

2. Optimize IntersectionObserver recreation

The IntersectionObserver is recreated whenever rows.length changes. It should only be recreated when the root element or threshold changes, not on data changes.

4. Replace array index keys in dynamic lists

Array indices used as keys in sortable/filterable rows can cause rendering issues when rows are reordered.

5. Improve sticky column CSS

Sticky column positioning uses inline styles with hardcoded calculations. Consider a more maintainable approach.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

• TypeScript strictness (TypeScript strictness: eliminate any, @ts-ignore, and export prop types #675)

Files

• packages/raystack/raystack/components/data-table/

[paanSinghCoder]

Scope:

• Remove unsafe type casting - Dev
• Optimize IntersectionObserver recreation - Dev
• Memoize column definitions - Dev
• Replace array index keys in dynamic lists - Dev
• Improve sticky column CSS - Dev