fix(app): keep document status outside editor content

[murongg]

Summary

• move the quiet document status into a dedicated layout row instead of absolutely positioning it over the editor
• let visual and source scroll surfaces account for the fixed document-tab inset without overflowing into the status row
• cover visual, source, and side-by-side document layouts with regression tests

Why

The status footer remained fixed over the scrollable document, so backup, sync, and save labels could obscure content while scrolling. The previous bottom padding only protected the end of the document and did not reserve a persistent status area.

Closes #704

Validation

• pnpm --filter @markra/app test -- App.test.tsx components/QuietStatus.test.tsx components/SideDocumentPane.lazy.test.tsx components/MarkdownPaper.lazy.test.tsx components/MarkdownSourceEditor.test.tsx — 5 files and 273 tests passed
• pnpm --filter @markra/app build passed
• pnpm --filter @markra/desktop build passed, including vendor chunk verification
• browser QA at 1280x720 and 732x626 reported overlapsWritingSurface: false
• layout detector completed with no findings
• git diff --check passed

Risk

• limited to editor chrome sizing and status layout
• the AI command overlay keeps its own bottom inset
• no data, settings, or migration changes

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
markra-web	Ready	Preview	Aug 30, 2026 12:50am