feat(DataTable): add align prop to Column

[erickteowarang]

Summary

• Adds align: "left" | "right" to Column<TRow>. Numeric columns (Amount, Score, Total) need right alignment everywhere; today callers wrap content in <span className="text-right"> inside render. This pushes the concern down to the column-type level.
• Auto-defaults align to "right" for type: "number" and type: "money" so typed numeric columns are right-aligned without any extra config. Other types default to "left". Explicit align always wins.
• Header label, sort indicator, body cell, and loading-skeleton bar all flip right together — so the column doesn't visually shift between the skeleton and loaded states.

// Auto-aligned right
column({
  label: "Total",
  type: "money",
  accessor: (row) => row.total,
  typeOptions: { currency: "USD" },
});

// Opt out of the numeric auto-default
column({
  label: "Order #",
  type: "number",
  accessor: (row) => row.orderId,
  align: "left",
});

// Explicit alignment for a custom-render column
column({
  label: "Score",
  align: "right",
  render: (row) => <ScoreBadge value={row.score} />,
});

Stacked on PR #247

This branch is rebased on `feat/data-table/type-aware-cells` (#247) — the auto-default needs `Column.type` from that PR. Merge #247 first; the diff here will collapse to just the align changes.

Why this is part of a three-PR series

This is 2 / 3 in a series porting patterns from a downstream consumer's `ReconciliationList` into the platform `DataTable`. PR 1 (#247) adds `type` for built-in cell renderers; PR 3 (#249) adds `truncate`.

Notes for reviewers

• New internal helper `resolveAlign(col)` in `data-table.tsx` centralizes the "explicit > numeric-type default > left" logic. Used at all four sites (header ``, sort-indicator span, body ``, and loading-skeleton bar).
• Auto-default doesn't touch typed columns that the user explicitly opts out of with `align: "left"`, and doesn't change behavior for any column that doesn't have a numeric `type`.

Test plan

• `pnpm --filter @tailor-platform/app-shell type-check` — clean
• `pnpm --filter @tailor-platform/app-shell test` — 999 passed (was 991 on PR 1's base; +8 new cases: explicit-right alignment, skeleton ml-auto, default-left, number auto-right, money auto-right, non-numeric types stay left, explicit-left override)
• `pnpm --filter @tailor-platform/app-shell lint` — clean
• `pnpm fmt:check` — clean across 342 files (oxfmt 0.47.0, matches CI)
• Reviewer smoke-test: drop a `type: "money"` column into the data-table demo, confirm header + body + skeleton are all right-aligned without an explicit `align` prop

🤖 Generated with Claude Code

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@tailor-platform/app-shell@248

npm i https://pkg.pr.new/@tailor-platform/app-shell-sdk-plugin@248

npm i https://pkg.pr.new/@tailor-platform/app-shell-vite-plugin@248

commit: 35284a7

[IzumiSy]

This feels right!

[IzumiSy]

Needs fixing conflict, but LGTM