add filter, enhanced fetching, enhanced mobile experience

[hafidzmrizky]

This pull request introduces several new features and improvements, including the addition of a filter functionality for to-do items, UI enhancements, and various code optimizations. The most important changes are listed below:

New Features

• Added a filter functionality for to-do items, including a new Filter component and integration with the Header component. (src/components/todo/popup/Filter.tsx, src/components/Header.tsx, src/pages/index.tsx) [1] [2] [3] [4]

UI Enhancements

• Updated the Calendar component to have a full height. (src/components/calendar/Calendar.tsx)
• Modified the ActivityDesktopTodo component to adjust its height and layout for better responsiveness. (src/components/todo/ActivityDesktopTodo.tsx)
• Enhanced the ActivityTodo component to sort tasks by status and date, and adjusted its height. (src/components/todo/ActivityTodo.tsx) [1] [2]

Code Optimizations

• Implemented a debounce function to optimize network requests when filtering to-do items. (src/pages/index.tsx)
• Refactored the API endpoint to handle status filtering and improved parameter handling. (src/pages/api/todo/index.ts) [1] [2]

Dependency Updates

• Added react-select to the project dependencies in package.json. (package.json)