Implement Client-Side Pagination and Infinite Scroll for Dashboard Grid

Project Overview: We are looking for a frontend engineer to optimize how our task marketplace list handles large datasets by replacing our heavy all-at-once load with a smooth, paginated experience. Expected Output: - Implement a modern layout that defaults to loading 12 items at a time. - Provide a smooth "Load More" infinite scroll behavior triggered when the user approaches the bottom of the page. - Ensure our search bar and filter controls reset the pagination index back to page 1 instantly upon a new query. - Create elegant skeletal card placeholders to prevent layout shifts while fetching the next data batch. Required Skills: - ReactJS (Functional components, custom hooks, and Intersection Observer API) - JavaScript state management (managing nested page arrays correctly without data duplication) - Tailwind CSS (for skeleton loader layout styling) Important Details: The backend REST API already supports query parameters for pagination (`?page=1&limit=12`). The card UI components are also fully complete. Your focus will be entirely on writing the custom fetching hooks and optimizing scroll event triggers.