Integrate Stoplight Elements API component in Nextra docs

[devin-ai-integration]

Stoplight Elements API Integration

This PR integrates the Stoplight Elements API component directly within the Nextra documentation framework, replacing the external link with a page inside the site.

Changes Made:

1. Created a dynamic StoplightAPIViewer component using web components approach for React 19 compatibility
2. Updated content/_meta.js to point to the internal reference route instead of external link
3. Created content/docs/reference/index.mdx with the API viewer component
4. Added content/docs/reference/_meta.js for proper navigation
5. Removed the old app/(docs)/docs/reference.tsx file
6. Fixed issues with theme detection by implementing a fallback mechanism using window.matchMedia
7. Modified the StoplightAPIViewer component to work without requiring a ThemeProvider in the docs layout

Technical Details:

The component now uses system preferences for dark mode detection via the window.matchMedia API when the ThemeProvider context is not available, making it more resilient across different parts of the application.

Link to Devin run: https://app.devin.ai/sessions/48bc6050072743d8ac71259464cade89
Requested by: Nathan Clevenger (nateclev@gmail.com)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 8, 2025 8:31pm

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add "(aside)" to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[nathanclevenger]

📝 Changed routes:

/docs/reference
(view full size)

Commit 833c991 (https://ai-kcnqy56ku.dev.driv.ly).