Add Storybook with stories for all kitchen sink components

[Copilot]

Adds Storybook v8.6.14 for interactive component development and documentation. Created 38 story files covering all shadcn/ui components from the kitchen sink.

Changes

Storybook Configuration

• Installed Storybook with React-Vite builder
• Configured path aliases (@/components) and Tailwind CSS integration
• Added storybook and build-storybook npm scripts

Story Coverage (38 components)

• Layout & Structure: Card, Separator, AspectRatio, ScrollArea, Skeleton
• Navigation: Breadcrumb, Tabs
• Forms: Input, Label, Textarea, Select, InputOTP, Checkbox, RadioGroup, Switch, Slider, Calendar
• Buttons & Actions: Button (9 variants), Toggle, ToggleGroup
• Overlays: Alert, Dialog, Drawer, Sheet, Popover, Tooltip, HoverCard, ContextMenu, Command, DropdownMenu
• Data Display: Table, Badge, Avatar, Progress, Kbd, Empty
• Interactive: Accordion, Collapsible

Configuration Updates

• Updated .gitignore to exclude storybook-static
• Fixed eslint.config.js to ignore node_modules
• Updated README with Storybook usage instructions

Example Usage

npm run storybook  # Start dev server at http://localhost:6006
npm run build-storybook  # Build static site

Each component includes interactive controls and auto-generated documentation:

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• storybook.js.org
  • Triggering command: node /home/REDACTED/.npm/_npx/83ee46ad8ecbef94/node_modules/.bin/create-storybook --yes --skip-install (dns block)
  • Triggering command: node /home/REDACTED/work/bun-react-starter/bun-react-starter/node_modules/.bin/storybook build (dns block)
  • Triggering command: node /home/REDACTED/work/bun-react-starter/bun-react-starter/node_modules/.bin/storybook dev -p 6006 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

Add react storybook to the project and set up stories for each of the kitchen sink components

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[agiron123]

Closing, as this is a bit buggy and doesn't properly render styles.

I'll debug this later.

[agiron123]

Closing, as this is a bit buggy and doesn't properly render styles.

I'll debug this later.