Implement Books Listing Page for ChainLib Review

[chiscookeke11]

close: #9

Summary

This PR implements the Book Listing Page, complete with dynamic search capabilities, tab-based filtering, and lazy loading for seamless book exploration. The page is built with modular components and follows the client-side rendering pattern using "use client".

---

Implemented Features

• Tab Navigation:
  Users can filter books using categories like:

  • New Release
  • Trending
  • NFT Edition
  • Explore
  • All

• Search Functionality:
  Users can search for books by title. Results are filtered in real-time and displayed under the Explore section. A message is shown when no match is found.

• Dynamic Section Rendering:
  Conditional rendering logic switches between sections based on selected tab and search state.

• Infinite Scroll for Explore Section:
  IntersectionObserver is used to lazily load additional books when scrolling in the Explore tab.

• Component Reuse:

  • ExploreBooks handles dynamic rendering and infinite scroll.
  • BooksPageNav enables clean tab-switching UX.
  • BookCard used consistently to display book info.
  • Reused Header, Footer, and styled Input.

---

Testing & Validation

• Manual testing on all sections.
• Verified search edge cases (case-insensitivity, no match).
• Checked responsiveness and layout consistency across viewports.

---

📸 Screenshots (Optional)

https://www.loom.com/share/294c0b5990e94994bb446d3b39605eb1?sid=fb2c23bb-8952-4ed7-bb5e-5fa90c62ad80

---