[ECSoC_2026] feat: Implement Accessible Product QuickView Modal & Wishlist Synchronization System

[Babin123456]

Problem

Product cards across furniture.html and catalog pages lacked interactive quickview dialogs, focus trapping, Escape key closing mechanisms, and synchronized wishlist state indicators across pages.

Current Behavior

Clicking on catalog product images did not present detail overlays, and wishlist button states desynchronized when items were removed from the wishlist page.

Why This Improvement Is Needed

Providing accessible modal quickviews and persistent wishlist status enhances user experience and allows quick item inspection without full page reloads.

Proposed Solution

1. Create scripts/product-modal.js handling accessible overlay creation, focus locking, Escape key handling, and quantity selection.
2. Create scripts/wishlist-sync.js managing cross-page wishlist synchronization and card button toggles.
3. Update furniture.html, wishlist.html, app.js, and style.css to support modal triggers and wishlist badge updates.
4. Remove legacy file Furnix-main/wishlist.html.

Expected Outcome

• Accessible modal dialogs for quick product preview.
• Seamless wishlist synchronization across catalog pages.

Additional Notes

Follows WCAG modal guidelines for focus trap and keyboard control.