Add Nopsec-style FixOps screens to Showcase

[DevOpsMadDog]

Motivation

• Provide NopSec-inspired screen concepts in the FixOps showcase to demonstrate high-density security decisioning UIs and product workflows.
• Give sales/demo users quick visual examples (Risk Command Center, Evidence Vault, Automation Studio) that map to FixOps capabilities.

Description

• Added a screenHighlights data array with three UI concept entries in web/apps/showcase/app/page.tsx to describe title, description, tags, and accent gradient.
• Rendered a new “FixOps Screens” section in the Workflow tab that displays three mock preview cards with gradient accents, tag chips, and compact preview art.
• Kept the implementation self-contained in the Showcase page and styled using existing Tailwind classes to match the app look-and-feel.

Testing

• Launched the showcase dev server with npm run dev and the app served successfully and compiled (local GET / returned 200).
• Captured a screenshot of the running UI using a Playwright script which produced artifacts/fixops-screens.png as proof of the rendered section.
• No unit or integration test suite was executed as part of this change.

---

Codex Task

---

Summary by cubic

Adds NopSec-style FixOps Screens to the Showcase to demo high-density security decisioning. Sales/demo users get quick visuals for Risk Command Center, Evidence Vault, and Automation Studio.

• New Features
  • New “FixOps Screens” section in the Workflow tab with three mock preview cards, gradient accents, and tag chips.
  • Introduces a screenHighlights data array in page.tsx with title, description, tags, and accent gradient.
  • Self-contained implementation using existing Tailwind styles to match the app.

^{Written for commit 7ca531c. Summary will update on new commits.}

[cubic-dev-ai]

No issues found across 1 file