Interactive API reference explorer

[therealjhay]

ProblemDocs are static; there is no OpenAPI-driven reference. lib/docs/navigation.ts enumerates slugs but pages are hand-wired components.

Solution

• Add app/docs/api/page.tsx driven by an OpenAPI document (hosted or bundled) that renders endpoints, request/response schemas, and a "try it" form using a dev API key.
• Render request examples from the schema, not hand-written snippets.
• Add a method badge, auth note, and rate-limit info per endpoint.
• Link the docs sidebar to the explorer as the single source of truth.

Acceptance Criteria

• Endpoint list derives from the OpenAPI doc; no hand-maintained arrays.
• Try-it executes against the real API with a configured key and shows the raw response.
• Schema changes are reflected without editing React components.
• npm run build passes.

Note for Contributors: Write a clear PR description. Show a schema-driven endpoint with a live try-it.

[Achievers-sketch]

I can build an OpenAPI-driven API explorer with schema-generated examples, endpoint metadata, authenticated Try-It requests, live responses, and a unified documentation source.

[guptakumarranjeet150]

Hello @maintainers,

I would love to take this on. My planned approach:

• Build Interactive API reference explorer with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Add component unit tests and ensure zero TypeScript/ESLint warnings.

Excited to work on this—please assign to me and I'll submit a clean PR shortly!