feat(Table): add data attributes to sort icon wrapper (DS-5214)

[KamilEmeleev]

No description provided.

[github-actions]

Visit the preview URL for this PR (updated for commit 29ebbf0):

https://react-koobiq-next--prs-411-1nvq1bye.web.app

_{(expires Wed, 08 Jul 2026 14:14:25 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: fc29847d4a9e5cb1adf458c76a9b681c76e2eeff}

[Copilot]

Pull request overview

This PR enhances the Table component’s sortable column header by exposing stable data-* attributes on the sort icon wrapper, making it easier to target via styling/tests and to reflect the active sort direction.

Changes:

• Add data-slot="sort-icon" and conditional data-sort-direction to the sort icon wrapper in TableColumnHeader.
• Update Table tests to validate the presence/absence of data-sort-direction depending on active sorting state.
• Adjust the sort icon CSS “active” selector to use :where(.active).

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
packages/components/src/components/Table/Table.test.tsx	Updates assertions to verify new data-* attributes on the sort icon wrapper.
packages/components/src/components/Table/components/TableColumnHeader/TableColumnHeader.tsx	Adds data-slot and data-sort-direction attributes to the sort icon wrapper element.
packages/components/src/components/Table/components/TableColumnHeader/TableColumnHeader.module.css	Tweaks the .active selector for the sort icon to use :where(.active).

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.