feat: add image lightbox for documentation images

[loadinglucian]

Implements a click-to-expand lightbox overlay for documentation images, enhancing the user experience when viewing visual content.

Key Features

• Click or keyboard (Enter/Space) to expand images in full-screen overlay
• ESC key or click-outside to close
• Proper focus management and ARIA attributes for accessibility
• Responsive sizing with smooth hover transitions
• Dark theme overlay with backdrop blur effect

Implementation

• Added .docs-prose class to article wrapper for scoped selectors
• CSS provides visual styling (overlay, transitions, focus states)
• JavaScript handles interactions and keyboard navigation

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

This PR introduces a documentation image lightbox feature with comprehensive CSS styling, client-side JavaScript functionality for lightbox interactions and keyboard navigation, and updates to the docs content component styling class. The CSS definitions appear duplicated in the diff.

Changes

Cohort / File(s)	Summary
Lightbox Feature resources/css/app.css, resources/js/app.js	Adds image lightbox UI styling and client-side logic for overlay interactions, focus management, keyboard navigation (Escape to close, Enter/Space to open), and livewire integration. CSS block appears duplicated in diff.
Documentation Styling resources/views/components/docs/content.blade.php	Adds "docs-prose" class to article element for lightbox styling integration.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}