[CRT-185] Update task list UI

[Tyratox]

Summary by cubic

Updates the task list and progress experience with new task-instance pages, clearer status indicators, anonymization controls, and streamlined navigation. Aligns session and task views under a consistent Chakra-based UI.

• New Features

  • Added task-instance pages: list, details, reference solutions, and per-task progress with tabbed navigation.
  • Show student task status (Not Started, Incomplete, Complete) using solution tests; Extended ExistingStudentSolution to include tests.
  • Rebuilt session progress table with Chakra DataTable; task headers link to per-task progress; added row action to view student details.
  • Added AnonymizationToggle and surfaced it on progress pages.
  • Added actions menus: copy lesson link (teacher only), delete lesson, and delete task.

• Refactors

  • Switched from PrimeReact DataTable to Chakra DataTable; default hides search bar with targeted overrides.
  • Updated navigation and breadcrumbs icons and styling; simplified SessionNavigation tabs (Lesson Details, Tasks, Progress).
  • Theme updates: renamed table recipe, added menu recipe, introduced neutral status color, adjusted anchor styles.
  • Simplified solutions hook (removed lazy-table variant); added useTaskInstances to filter tasks by session.
  • PageHeading now supports an actions slot to place contextual menus next to titles.

^{Written for commit 2ab0ded. Summary will update automatically on new commits.}

[cubic-dev-ai]

1 issue found across 16 files

Prompt for AI agents (all 1 issues)

Understand the root cause of the following 1 issues and fix them.


<file name="frontend/src/components/ui/Theme.ts">

<violation number="1" location="frontend/src/components/ui/Theme.ts:161">
Removing the default underline from every anchor while also inheriting the surrounding text color eliminates all non-color indicators that text is clickable, which makes links indistinguishable from plain text until hovered and violates WCAG 1.4.1 (Use of Color). Please keep a persistent underline or another non-color affordance on links.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}

[cubic-dev-ai]

Removing the default underline from every anchor while also inheriting the surrounding text color eliminates all non-color indicators that text is clickable, which makes links indistinguishable from plain text until hovered and violates WCAG 1.4.1 (Use of Color). Please keep a persistent underline or another non-color affordance on links.

Prompt for AI agents

Address the following comment on frontend/src/components/ui/Theme.ts at line 161:

<comment>Removing the default underline from every anchor while also inheriting the surrounding text color eliminates all non-color indicators that text is clickable, which makes links indistinguishable from plain text until hovered and violates WCAG 1.4.1 (Use of Color). Please keep a persistent underline or another non-color affordance on links.</comment>

<file context>
@@ -156,7 +156,9 @@ const config = defineConfig({
     a: {
+      // These are necessary as long as we still have the bootstrap styles imported
       color: &quot;inherit !important&quot;,
+      textDecoration: &quot;none !important&quot;,
       _hover: {
         textDecoration: &quot;underline&quot;,
</file context>

Suggested change

	textDecoration: "none !important",
	textDecoration: "underline !important",