FE-1133: Add drawer to ds

[alex-e-leon]

🌟 What is the purpose of this PR?

Adds a new Drawer component to the DS.
Updates Dialog to share many of the same internal components/styling + improves some of the nesting and mounting/unmounting animations.
Add a use-avoid-scroll-width-change hook so that expandable content inside drawers/dialogs doesn't trigger reflow when a scrollbar gets added/removed.
Also adds the duration tokens to panda so that some ark animations work properly (and fixes new panda css errors caused by adding the tokens)

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

• does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

• are internal and do not require a docs change

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
hash	Ready	Preview, Comment	Jul 7, 2026 4:32pm
hashdotdesign-tokens	Ready	Preview, Comment	Jul 7, 2026 4:32pm
petrinaut	Ready	Preview, Comment	Jul 7, 2026 4:32pm

[cursor]

PR Summary

Medium Risk
Dialog close timing and visuals change via shared overlay refactor; new Drawer/stacking logic is substantial but limited to UI overlays and focus/portal behavior.

Overview
Adds a Drawer overlay (edge anchoring, sizes, optional backdrop, swipe dismiss, same-edge stacking) and exports it from the design system alongside extensive Ladle stories.

Dialog is refactored to reuse shared overlay header/body/footer (overlay-parts + --panel-* tokens on content). Enter/exit now use popover scale animations; open is driven internally so onClose runs after the exit animation (lazyMount / onExitComplete). Nested overlays use data-overlay-stack-root for backdrop hiding and adjusted stacking behavior.

Introduces useAvoidScrollWidthChange (wired into overlay bodies by default) to limit horizontal jank when scrollbars toggle, and adds duration tokens plus drawer slide keyframes so Ark animation durations resolve correctly. Minor Panda fixes: SegmentedControl uses tokenized duration; spinner story uses [.8s] arbitrary syntax.

^{Reviewed by Cursor Bugbot for commit da63911. Bugbot is set up for automated code reviews on this repo. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 15b7329. Configure here.}

[lunelson]

Looks good; but I don't see any difference between the two versions, i.e. with/without partitioned footer?

[alex-e-leon]

The partitioned footer version has a grey background, otherwise white if a footer is provided - ideally would move this to a prop on the footer component but i then have to do some nasty data shuffling so that the parent can get the right css