feat: integrate UI components into Search pages with pagination and loading

- Add useDebounce hook for future search optimization
- Integrate LoadingState, ErrorState, RefreshControl, and PaginationLoader into searchResults.tsx
- Add pull-to-refresh functionality with RefreshControl component
- Implement pagination with loadMore and PaginationLoader
- Add error handling with retry functionality using ErrorState
- Update SearchResultsGrid to support refreshControl, onEndReached, and ListFooterComponent props
- Add scroll event handling for pagination trigger
- Add TODO comment in searchWorksResults.tsx for backend API integration
- Reduce initial search limit from 50 to 20 for better performance

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/searchWorksResults.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from 'react-i18next'
 import SearchBar from '@/components/SearchBar'
 import WorksGallery, { type Category, type WorkItem } from '@/components/WorksGallery'
 
-// 模拟搜索结果数据
+// TODO: Replace with actual API call when backend supports works search
 const mockSearchResults: WorkItem[] = [
     { id: 1, date: new Date(2025, 10, 28), duration: '00:05', category: '写真' },
     { id: 2, date: new Date(2025, 10, 28), duration: '00:05', category: '写真' },