[WIP] Implement display of task search results

[Copilot]

Implementation Plan for TF-4: Display Task Search Results

Requirements from Jira Ticket:

• Display "Tasks" heading at top
• Show global search input with placeholder: "Search tasks by title, tag, or ID"
• Render filter chips:
  • Status filters: All, Open, In progress, Blocked, Done
  • Assignee dropdown filter
  • Due date filter: Any, Overdue, This week
• Render results table/list with columns:
  • Task name
  • Status badge
  • Assignee with avatar
  • Due date
  • Project/Task ID
  • Action arrow (using existing row action component)
• Empty state message: "No tasks match your search"
• Basic pagination controls: Prev / Next

Implementation Steps:

• Create search and filter state management in tasks page
• Add search input component at top of tasks page
• Create filter chips component for Status, Assignee, and Due filters
• Update server action to support search and filter parameters
• Update TaskList component to show filtered results
• Add empty state message when no results
• Add pagination controls (Prev/Next)
• Add tests for search and filter functionality
• Verify UI matches Figma design
• Run linting and tests
• Transition Jira ticket to "In Review"

Original prompt

---

This section details on the original issue you should resolve

<issue_title>TF-4 Display Task Search Results</issue_title>
<issue_description> Implement the work described in Jira ticket TF-4, 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-4 Display Task Search Results #286

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.