feat: Add reading list with pink "Remove from reading list" button

[Copilot]

Adds a reading list feature to BookMonkey. Books can be added from the main list and managed on a dedicated /reading-list route. The "Remove from reading list" button is styled pink (bg-pink-500).

New Files

• ReadingListService — Signal-based singleton managing list state (addBook, removeBook, isInReadingList, reactive count)
• ReadingListComponent — /reading-list page rendering saved books in a grid, each with a pink remove button:

  <button (click)="removeBook(book.id)"
    class="mt-2 bg-pink-500 hover:bg-pink-600 text-white ...">
    Remove from reading list
  </button>

Modified Files

• BookItemComponent — Adds "Add to reading list" (blue) button and a "✓ In reading list" indicator per card
• app.routes.ts — Registers /reading-list route
• AppComponent — Header nav gains a "Reading List" link with a live pink badge counter

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/ng build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.