feat: add Products nav dropdown and Zapdesk section

[BenGWeeks]

What this adds

• Zapdesk section (#zapdesk) — a visually rich product section for Zapdesk, the Zendesk-style support ticketing portal that uses Azure DevOps as its backend. It features a live screenshot of https://zapdesk.knowall.ai (its marketing homepage) presented in a browser-chrome-style framed card (traffic-light dots + URL pill) with a soft lime glow, laid out image-left/text-right to mirror the Zaplie section's image-right layout. Four lucide/Bitcoin feature bullets and a lime CTA to https://zapdesk.knowall.ai.
• Header nav restructure — the single "Zaplie" nav item is replaced with a Products dropdown (shadcn dropdown-menu with chevron indicator) containing Zaplie (#zapp) and Zapdesk (#zapdesk). The mobile menu gets a "Products" group label with the links indented under it.

Copy is taken from the zapdesk repo README. The product screenshot lives at public/images/products/zapdesk.png (captured live at 1440x900, optimized to 1200px wide).

⚠️ STACKED ON #6 — this branch is based on feature/zaplie-rebrand. Merge #6 first; until then this diff includes the Zaplie rebrand changes.

Note: "Thyme" joins the Products dropdown in the follow-up Thyme PR (stacked on this one), and "Allie for Accounts" once PR #7 merges — a code comment in components/header.tsx marks the spot.

Replaces the text-only approach of #16, which is closed in favour of this stacked pair.

Fixes #34

Test plan

1. npm ci && npm run build && PORT=3111 npm run start — build succeeds and the site serves.
2. On desktop width, check the header: Products shows a chevron; clicking opens a dropdown with Zaplie and Zapdesk; each scrolls to its section (#zapp / #zapdesk).
3. On mobile width, open the hamburger menu: a Products group label appears with Zaplie and Zapdesk indented beneath it; tapping a link closes the menu and scrolls to the section.
4. Scroll to the Zapdesk section: the live product screenshot renders inside a browser-chrome frame (three dots + zapdesk.knowall.ai URL pill) with a lime glow, image on the LEFT and text on the right (mirroring Zaplie's image-right).
5. Click Visit zapdesk.knowall.ai — opens https://zapdesk.knowall.ai in a new tab.
6. npm run lint and npm run format:check pass.

Screenshots

Zapdesk — live product screenshot in a browser-chrome frame with lime glow, image-left/text-right	Products dropdown — desktop nav with Zaplie and Zapdesk

🤖 Generated with Claude Code

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.