fix(drawer): motion, sizing, scroll, and overlay story docs

[gab-az]

Summary

• Fix drawer enter/exit animation by sharing motion state in the portal and deferring close paint so the slide-out transition runs reliably.
• Fix medium/large drawer width via shell inline max-width, reactive size, fluid Panel, and md:w-full shell positioning.
• Scroll long drawer body content through ScrollArea in PanelContent while header and footer stay in the panel flex layout.
• Document canonical Panel shell usage in Drawer and Dialog Storybook stories, including Sizes and ScrollContent examples.

Commits

1. fix(drawer): share motion state and defer close for exit animation
2. fix(drawer): apply size presets on shell and fluid panel width
3. feat(drawer): scroll PanelContent with ScrollArea in drawer context
4. fix(panel): align header and footer horizontal padding to spacing-lg
5. docs(storybook): document drawer and dialog panel shell usage
6. docs(storybook): simplify ChangePlanDrawer to a single Default story

Test plan

• Open Drawer → Default, Sizes, and ScrollContent in Storybook (desktop viewport)
• Confirm small/medium/large widths differ (384 / 672 / 1024 px)
• Confirm drawer slide-in and slide-out animations on open/close/reopen
• Confirm ScrollContent keeps header/footer in layout while body scrolls
• Open Dialog → Default and verify Panel shell anatomy in docs Usage block
• Open Templates → ChangePlanDrawer Default and verify trigger + drawer flow

Made with Cursor