DS-059: Add a responsive Dialog-to-Drawer pattern

[IbrahimIjai]

Context

Centered dialogs are appropriate on desktop but can be cramped on mobile.
Transaction and wallet flows need one adaptive overlay API.

Scope

• Add a responsive composition that renders Dialog on desktop and Sheet/Drawer
  presentation on small screens.
• Preserve one content API and consistent title/description semantics.
• Handle mobile safe areas, virtual keyboards, and scrollable content.
• Document the breakpoint and when adaptive presentation is appropriate.

Acceptance criteria

• Focus management and dismissal behavior remain consistent across modes.
• Mobile actions remain visible when the virtual keyboard opens.
• Long content scrolls inside the overlay without scrolling the page behind it.
• iOS safe-area insets are respected.
• Tests cover both presentation modes and accessible naming.

Out of scope

• Migrating all current dialogs.
• Gesture-driven swipe-to-dismiss.

[emirykl]

@emirykl has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on "DS-059: Add a responsive Dialog-to-Drawer pattern" in SO4-Markets/interface.

I have reviewed the requested scope and will follow the repository contribution guidelines, make a focused implementation, add or update the relevant tests, and run the available verification commands.

If assigned, I will open a clear pull request for maintainer review.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @emirykl to this issue.

[samuelfrancis163-eng]

@samuelfrancis163-eng has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello, I'd like to work on this issue because i am confident i can deliver smoothly, Please assign issue to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @samuelfrancis163-eng to this issue.

[JubrilKolade]

@JubrilKolade has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, kindly assign this task to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @JubrilKolade to this issue.

[OluwapelumiElisha]

@OluwapelumiElisha has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello,

I would like to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @OluwapelumiElisha to this issue.

[darius-daniel]

@darius-daniel has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on this issue.

I'll implement a responsive overlay component that uses a centered dialog on desktop and a sheet/drawer on mobile while keeping a single, consistent content API. I'll ensure focus management, accessibility, safe-area support, virtual keyboard behavior, and scroll handling work correctly across both modes, add documentation for the adaptive breakpoint, and include tests covering desktop and mobile presentations before submitting a PR.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @darius-daniel to this issue.