Add search input to task list with real-time filtering

[Copilot]

Implements TF-13: search functionality for the /tasks page. Users can now filter tasks by title or description with real-time updates.

Changes

TaskList Component (components/task-list.tsx)

• Added search input with Search icon positioned above task cards
• Implemented case-insensitive filtering over task.name and task.description
• Filtering applies to optimisticTasks to preserve optimistic UI updates

const filteredTasks = optimisticTasks.filter((task) => {
  if (!searchTerm) return true
  const lowerSearchTerm = searchTerm.toLowerCase()
  return (
    task.name.toLowerCase().includes(lowerSearchTerm) ||
    (task.description && task.description.toLowerCase().includes(lowerSearchTerm))
  )
})

Test Infrastructure

• Added font mocking for Jest to resolve next/font/google imports in test environment
• Created unit tests for search behavior (empty query, title match, description match, case-insensitivity)
• Added E2E test for search interaction

Incidental

• Fixed unused imports in kanban.spec.ts

Original prompt

---

This section details on the original issue you should resolve

<issue_title>TF-13 Display Task List with Search Input</issue_title>
<issue_description> Implement the work described in Jira ticket TF-13, 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-13 Display Task List with Search Input #306

---

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