Make table sorting keyboard accessible

[taobojlen]

Context & Requests for Reviewers

This addresses a CodeRabbit comment from the @tanstack/react-table v9 upgrade. It was a pre-existing issue: our table sorting was not keyboard-accessible.

Tests

Manually tested. Example here:

CleanShot.2026-08-18.at.12.23.51.mp4

(Optional) Rollout Plan

N/A

Checklist

Only check items that apply to this PR; leave the rest unchecked.

• If you changed anything user-facing (i.e. user interface or APIs):
  Did you update the CHANGELOG.md and related docs?

• If you changed server/models/**/{ContentTypeModel,ActionModel,RuleModel,PolicyModel}.ts:
  Did you update the corresponding history tables and their triggers?

• If you changed db/src/scripts/** and used CREATE TABLE, ADD COLUMN, or ALTER COLUMN:
  Are as many columns marked NOT NULL as possible? If some columns can sometimes be null depending on other columns, are there CHECK constraints capturing those relationships, and are these also reflected using unions in the associated Kysely types?

• If you added a new signal in server/services/signalsService/signals/**:
  Did you classify every error case as a permanent error (SignalPermanentError, no retry) or a normal error (retryable)? Any case where the signal can't determine a score should be a SignalPermanentError.

[coderabbitai]

Warning

Review limit reached

Next included review available in 55 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Team

Run ID: ceb627b6-8cff-44a8-9212-e1502a6c3aac

📥 Commits

Reviewing files that changed from the base of the PR and between ebcd0ec and 94b940a.

📒 Files selected for processing (2)

• client/src/webpages/dashboard/components/table/Table.test.tsx
• client/src/webpages/dashboard/components/table/Table.tsx

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[Copilot]

🟢 Approval recommended

The change is focused, improves accessibility as intended, and includes test coverage for the new keyboard behavior.

Pull request overview

Improves the dashboard table header sorting UI so sortable columns are reachable via keyboard focus and expose sort state via aria-sort, addressing accessibility gaps introduced/observed around the TanStack React Table v9 upgrade.

Changes:

• Wraps sortable header content in a focusable <button> while keeping placeholder and non-sortable headers inert.
• Adds aria-sort to sortable header cells with correct ascending/descending/none values.
• Extends table tests to cover keyboard-triggered sorting and placeholder header behavior in grouped headers.

File summaries

File	Description
client/src/webpages/dashboard/components/table/Table.tsx	Adds keyboard-focusable sortable header buttons and aria-sort handling while keeping placeholders/non-sortables inert.
client/src/webpages/dashboard/components/table/Table.test.tsx	Adds regression tests for keyboard sorting and grouped-header placeholder inertness.

Review details

• Files reviewed: 2/2 changed files
• Comments generated: 1
• Review effort level: Lite

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.