Add search and filter UI to tasks page

[Copilot]

Implements TF-1: Search bar with text filtering and dropdown for status/priority filters on /tasks page.

Changes

New Component: TasksWithSearchFilter

• Client-side search across task name and description
• Multi-select filters for status (todo/in_progress/review/done) and priority (high/medium/low)
• Clear button (X icon) appears when search has text
• "No results" message when filters return empty

Updated: tasks/page.tsx

• Replaced direct TaskList usage with new wrapper component

Implementation

// Client-side filtering with useMemo for performance
const filteredTasks = useMemo(() => {
  return initialTasks.filter(task => {
    const matchesSearch = !searchText || 
      task.name.toLowerCase().includes(searchLower) ||
      task.description.toLowerCase().includes(searchLower)
    const matchesStatus = selectedStatuses.includes(task.status)
    const matchesPriority = selectedPriorities.includes(task.priority)
    return matchesSearch && matchesStatus && matchesPriority
  })
}, [initialTasks, searchText, selectedStatuses, selectedPriorities])

Uses Radix UI DropdownMenu with DropdownMenuCheckboxItem for accessible filter controls. All filters default to checked per requirements.

Screenshots

Search + Filter UI

Filter Dropdown

Empty State

Original prompt

---

This section details on the original issue you should resolve

<issue_title>TF-1 Tasks: Search and Filter</issue_title>
<issue_description> Implement the work described in Jira ticket TF-1, including looking at any Figma files mentioned. When finished, transition the ticket to "In Reivew".

To do the work use the following prompt chain which describes steps for best implementing the feature:

1. Open the repository on GitHub: https://github.com/bitovi/ai-enablement-prompts.
2. Execute the prompt writing-code/generate-feature/generate-feature.md</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes TF-1 Tasks: Search and Filter #243

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.