docs: load el-form CSS + live themed AutoForm showcase

[colorpulse6]

Adds live, interactive themed example forms to the Styling & Themes guide, and fixes a styling regression in the docs.

What

• Live themed showcase (ThemeShowcase.tsx, embedded in the styling guide): the same AutoForm rendered in default / dark / minimal themes + a classNames override demo (purple submit, proving an unlayered class beats the @layer el-form base). Renders from the workspace source — works immediately at localhost and after deploy, not gated on the npm publish.
• Regression fix: the docs site never imported el-form's CSS. Now that AutoForm emits semantic .el-form-* classes (Tailwind-free), every live AutoForm example in the docs (auto-form, quick-start, etc.) had silently gone unstyled. The docs now import el-form-react-components/styles.css globally (via custom.css), restyling them all.

Notes

• Added el-form-react-components as a direct docs dep (to resolve the ./styles.css export — el-form-react/styles.css is stale and not used).
• ThemeShowcase is wrapped in <BrowserOnly> (SSR-safe; AutoForm touches FileList).
• Reviewed: the global el-form CSS is fully class-scoped (.el-form-*), @layer-contained, --el-form-*-prefixed — no impact on Docusaurus chrome. Verified site-wide + a real-browser screenshot (0 console errors).
• Docs-only; no changeset / npm release.

🤖 Generated with Claude Code

[qodo-code-review]

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →