Simplify and brand Storybook introduction

[thebuilder]

Summary

• replace the README-derived Storybook page with a concise native introduction
• remove the Storybook Recipes page and the obsolete docs/Recipes.md duplicate
• switch Storybook to a light theme and reuse the docs accent in its supported hex equivalent
• add a shared horizontal docs wordmark that combines the existing icon with the split name React / Intersection Observer
• link the Intro directly to https://react-intersection-observer.vercel.app/
• retain the README badge-link fix and update README recipe links to the canonical docs guide

Why

The documentation site owns installation, API guidance, and recipes. Storybook should focus on interactive component and hook examples, while its branding should match the docs site and remain legible in the manager.

Validation

• pnpm --filter storybook build
• pnpm --filter storybook lint
• local browser verification: the light theme renders, the manager shows the icon and split wordmark, the Intro has the docs link, and no error overlay occurs
• git diff --check

Note: pnpm --filter storybook typecheck remains blocked by the existing TypeScript 6 removal of downlevelIteration in apps/storybook/tsconfig.json.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
react-intersection-observer	Ready	Preview	Jul 30, 2026 11:46am
react-intersection-observer-storybook	Ready	Preview	Jul 30, 2026 11:46am

[pkg-pr-new]

npm i https://pkg.pr.new/react-intersection-observer@773

commit: fcb8fbf