fix(mobile): improve safe area behaviors

[7w1]

Description

ensures pop ups at the top always appear below the safe area, improve bottom sheet bottom appearance, and adjust appearance of the sync status indicator

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

AI disclosure:

• Partially AI assisted (clarify which code was AI assisted and briefly explain what it does).
• Fully AI generated (explain what all the generated code does in moderate detail).

[github-actions]

Deploying with    Cloudflare Workers

Status	Preview URL	Commit	Alias	Updated (UTC)
✅ Deployment successful!	https://pr-1222-sable.raspy-dream-bb1d.workers.dev	90926c7	pr-1222	Wed, 22 Jul 2026 21:24:18 GMT