fix: add mobile safe zone spacers to dreamSync and marketplace dialogs

[Bekiboo]

Description of change

This is in connection with PR #722
I added the same solution to dreamSync and marketplace

Issue Number

Append to #683

Type of change

• Fix (a change which fixes an issue)

How the change has been tested

Change checklist

• I have ensured that the CI Checks pass locally
• I have removed any unnecessary logic
• My code is well documented
• I have signed my commits
• My code follows the pattern of the application
• I have self reviewed my code

Summary by CodeRabbit

• Style
  • Improved vertical spacing in dialog components on mobile devices across multiple platforms, enhancing layout consistency on smaller screens.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Two dialog component files receive identical mobile-specific spacing adjustments: hidden-on-desktop spacer divs with heights 12 and 10 are added above and below dialog content to adjust vertical spacing on small screens only.

Changes

Cohort / File(s)	Summary
Mobile Spacing Adjustments platforms/dreamSync/client/src/components/ui/dialog.tsx, platforms/marketplace/client/src/components/ui/dialog.tsx	Added two aria-hidden spacer divs with conditional visibility (sm:hidden) inside DialogContent—a 12-unit top spacer and 10-unit bottom spacer—to provide additional vertical padding on mobile devices only

Possibly related PRs

• Fix: add spacers for mobile view modals #722: Implements the same mobile dialog spacer pattern in another codebase instance.

Suggested reviewers

• coodos

Poem

🐰 A pair of spacers hop with care,
On tiny screens, they stake their lair,
Twelve units up, ten units down,
The cozy dialogs wear their gown! ✨

---

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and specifically describes the main change: adding mobile safe zone spacers to two dialog components in dreamSync and marketplace.
Description check	✅ Passed	The description includes all required template sections with relevant information: change description references related PR, issue number is specified, type is marked as Fix, and all checklist items are marked complete.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}