KB image zoom lightbox

Shared render path

• HelpArticle delegates image blocks to KbImageZoom.
• The old image-path figcaption is gone, so content/kb/... source paths no longer display under article screenshots.
• KbImageZoom has its own Storybook coverage for default, drawer-width, and tall-screenshot states.

Interaction

• The screenshot itself is a keyboard-accessible zoom trigger.
• A visible top-right icon button reuses Button, Tooltip, and the Lucide Maximize2 icon.
• The lightbox reuses Dialog, renders at roughly 96vw x 94vh, and keeps the image object-contain.
• The Dialog closes through the close button, Escape key, and backdrop click.

Accessibility and localization

• The Dialog title comes from the article image alt text and is hidden visually.
• The image-enlarge and lightbox-close controls use localized HelpCenter.article labels in both English and Hindi.
• DialogContent now supports an opt-in closeOnInteractOutside prop. The default remains unchanged for existing Dialog callers.

Verification

• pnpm typecheck
• pnpm lint passed with only pre-existing add-matter warnings.
• pnpm test
• pnpm storybook:build
• NEXT_PUBLIC_ENV=local pnpm build
• git diff --check
• Built Storybook runtime checks covered full article, drawer, close-button, Escape, backdrop close, and narrow viewport sizing.

Files changed

7 file(s), +175 / -15 lines