fix: add mobile safe zone spacers to dreamSync and marketplace dialogs (#723)

Author: Bekiboo

platforms/dreamSync/client/src/components/ui/dialog.tsx

@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>

platforms/marketplace/client/src/components/ui/dialog.tsx

@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>