TF-1: Implement search and filter for tasks page

[Copilot]

Adds search and filter controls to /tasks page per Jira TF-1 requirements and Figma designs.

Changes

New Component: TasksWithSearch

• Client-side wrapper around TaskList managing search/filter state
• Search by task name or description (case-insensitive)
• Multi-select filters for status (todo, in_progress, review, done) and priority (high, medium, low)
• All filters default to selected
• useMemo optimization for filtering logic

UI Controls

• Search input with left search icon and conditional right clear button
• Filter dropdown button with checkboxes grouped by Status and Priority
• "No results" message when filters yield empty set
• Proper aria-label attributes for accessibility

Integration

Updated app/(dashboard)/tasks/page.tsx to render TasksWithSearch instead of TaskList directly.

Implementation Notes

• Defensive null check on task.description despite Prisma schema marking it required
• Client-side filtering suitable for current data volumes; consider server-side pagination if task count scales significantly

Screenshots

Search and filter UI:

Filter dropdown:

Search results:

Filtered by status:

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 #239

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.