docs: wire redesign-mockup screenshots into README

[DaxxSec]

Summary

• Replace the "Screenshots coming soon" placeholder with real renders of the tactical UI redesign mockup at docs/ui-redesign-mockup.html.
• Headline shot of the consolidated window, plus close-ups of the VM library, selected-VM detail card, and live packet monitor strip.
• Image paths reference docs/screenshots/secvf-{redesign-hero,vm-library,detail-card,packet-strip}.png; the PNGs themselves need to be committed separately (binary uploads aren't reliable through the MCP I'm using here, so I'm handing the rendered assets to @DaxxSec to drop in via local clone).

Visuals

All renders source from the existing docs/ui-redesign-mockup.html, tactical theme — OD-green = operational, safety orange = capturing / attention, red = destructive. Keeping a single source of truth (the mockup HTML) means future palette tweaks re-render with one Playwright run.

• docs/screenshots/secvf-redesign-hero.png — full window: NSToolbar, sidebar filters, VM table with status pills + sparkline traffic, detail card, live packet strip.
• docs/screenshots/secvf-vm-library.png — close-up of toolbar + sidebar + table.
• docs/screenshots/secvf-detail-card.png — close-up of selected-VM stats.
• docs/screenshots/secvf-packet-strip.png — close-up of live capture rows (TLS / DNS / HTTP / TCP / ICMP / ARP).

Test plan

• Add the four PNG assets to docs/screenshots/ on this branch.
• Confirm the README renders the images on GitHub (PR preview → "Files changed" → README.md).
• Skim alt text and captions for accuracy / tone before un-drafting.

🤖 Generated with Claude Code

---

Generated by Claude Code