PLAY-34: Implement search and filter functionality for Tasks page

[Copilot]

This PR implements comprehensive search and filter functionality for the Tasks page, allowing users to efficiently find and organize tasks.

Features Added

Search Functionality

• Text Search: Search across task names and descriptions with real-time filtering
• URL Integration: Search terms are preserved in URL parameters for shareable links
• Visual Feedback: Clear indication when search results are being displayed

Filter Options

• Status Filter: Filter by task status (Todo, In Progress, Review, Done)
• Priority Filter: Filter by task priority (High, Medium, Low)
• Assignee Filter: Filter by team member or show unassigned tasks
• Combined Filtering: Multiple filters can be applied simultaneously

User Experience Improvements

• Intuitive Interface: Clean filter controls positioned above the task list
• Clear Filters Button: One-click reset when any filters are active
• Active Filter Summary: Shows which filters are currently applied
• Responsive Design: Maintains consistent styling with existing UI components

Technical Implementation

Backend Changes

• Enhanced getAllTasks() function to accept search and filter parameters
• Added database query filtering for name, description, status, priority, and assignee
• New getAllUsers() function to populate assignee filter dropdown
• Proper handling of unassigned tasks and case-sensitive search

Frontend Changes

• Created TasksSearchFilter component with React state management
• Integrated with Next.js routing for URL parameter synchronization
• Used existing UI components (Input, Select) for consistent styling
• Added TypeScript types for better type safety

Code Quality

• Minimal changes following existing code patterns
• Proper error handling and loading states
• ESLint compliant code
• Maintains existing functionality while adding new features

Screenshots

Search and Filter Interface:

Filtered Results Example:

The implementation provides a smooth, efficient way for users to find specific tasks while maintaining the clean, professional interface of the existing application.

Fixes #113.

---

💡 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.