Implement Pagination for Collections and Cards

[0010aor]

Description

The backend endpoints read_collections and read_cards support pagination, but the frontend is not utilizing this feature. Need to implement pagination while maintaining the current visual design and user experience.

Components:

• routes/collections/index.tsx
• routes/collections/$collectionId/index.tsx
• components/collections/CollectionList.tsx
• components/cards/CardList.tsx

Current Behavior

• All collections/cards are loaded at once
• No pagination controls
• Potential performance issues with large datasets
• Backend pagination capability not utilized

Expected Behavior

• Load collections/cards in paginated chunks
• Smooth, infinite-scroll style pagination
• Maintain current grid/list layout
• No visible disruption to user experience
• Improved performance with large datasets

UI/UX Considerations

• Loading states should be subtle (e.g., skeleton loading)
• Maintain current grid/masonry layout
• No jarring layout shifts when loading more items
• Smooth transitions between loaded content

Acceptance Criteria

• Pagination implemented for collections view
• Pagination implemented for cards view
• No visual disruption to current layout