feat: Precomposed table based on Tanstack table

[masoudmanson]

Summary

PreComposedTable

Github issue: https://czi.atlassian.net/browse/SCIDS-1003?atlOrigin=eyJpIjoiYzAyODU1YTY4ZjA0NDJhYzk5MWQ2Mzc1NTA2NjZkODIiLCJwIjoiaiJ9

This PR adds a new PreComposedTable component; a fully-featured, composable table built on top of TanStack Table.

• Added PreComposedTable with built-in support for sorting, pagination, row selection, filtering, column pinning, and responsive sizing
• Updated CellBasic, CellHeader, and CellComponent with new props and better styling flexibility
• Added Storybook examples and updated tests to cover new functionality
• Switched to Yarn and added a ResizeObserver mock for Jest tests
• No breaking changes; everything is additive and backward-compatible

Component Props

Name	Type	Default	Description
data	TData[]	–	Array of data objects to display in the table rows
columns	ColumnDef<TData>[]	–	Column definitions that specify how data should be rendered and behave
enableSorting	boolean	false	Enables sorting functionality for table columns
enableRowSelection	boolean	false	Adds checkboxes for row selection with select-all functionality
shouldPinSelectRowToLeft	boolean	true	Pins the row selection column to the left/right side of the table
enablePagination	boolean	false	Enables pagination controls at the bottom of the table
enableGlobalFiltering	boolean	false	Displays a search input that filters across all columns
paginationConfig	Partial<PaginationProps> & { placement?: "left" | "center" | "right" }	–	Config object for pagination settings including placement and page size
className	string	–	CSS class name to apply to the table container
style	React.CSSProperties	–	Inline styles to apply to the table container
tableWidth	string	"100%"	Sets the width of the table container
tableRowProps	Partial<TableRowProps>	–	Additional props to pass to each table row component
onRowSelect	(selectedRows: TData[]) => void	–	Callback triggered when row selection changes; receives array of selected row data

Default Table:

Row hover state with underline effect:

Column Sorting:

Row Selection:

Pagination:

Global Filtering:

Column Pinning:

Checklist

• Default Story in Storybook
• Test Story in Storybook
• Tests written
• Semantic Variables from defaultTheme.ts used wherever possible
• If updating an existing component, depreciate flag has been used where necessary
• ZeroHeight Documents updated
• Chromatic build verified by @chanzuckerberg/sds-design

[clarsen-czi]

Just a few small tweaks and confirmation of a change I might not be able to visually see in Storybook, but otherwise looks great! Thanks @masoudmanson !!