[paragon-openedx.netlify.app] Feedback (on /components/datatable/)

Bugs

I believe there may be an a11y/usability bug surrounding sortable columns in the DataTable component regarding the title attribute value on sortable column headers. As is, every sortable column header has the same title attribute of "Toggle SortBy".

There are two primary issues with this:

1. title is the same value across all column headers.
2. title does not include any mention of the actual column header.

The current value of these title attributes on sortable column headers is coming from @tanstack/react-query's getSortByToggleProps called within TableHeaderCell.

It's not entirely clear whether we can deduce a user-friendly string version of the column header name (e.g., based on render('Header)), or whether DataTable can support custom title attribute values for each column for more granular control by consumers.

### Tasks
- [ ] Ensure each sortable column header has a unique `title` attribute, including the column header text to be more descriptive than just "Toggle SortBy" across all sortable column headers.

Start by tracing the DataTable component to TableHeaderCell and the getSortByToggleProps call that supplies sortable header titles. Determine whether the column header text can be used or whether consumers need custom title values; done means each sortable header has a unique, descriptive title including its column text, with the existing component behavior covered as appropriate.