Task queue

The Data table pattern assembled into the queue: a compact region, sticky header, a currency column, a state badge, bulk select with a sticky action bar that confirms destructive work, and a two-line list below sm so nothing scrolls sideways on a phone.

<div data-density="compact">
  <Table><TableHeader sticky>…</TableHeader>…</Table>
  <ul className="sm:hidden">…</ul>
  <DataTablePagination table={table} />
  {selectedCount > 0 ? <div role="toolbar" aria-label="Bulk actions" className="sticky bottom-4">…</div> : null}
</div>