fix: document status bar

[enjeck]

📝 Summary

• Resolves: Document status bar not aligned with editor #4905 and Document status notice with connection issues is not sticky #4483

Fixes the alignment and positioning of the document status bar

🏚️ Before | 🏡 After
Before: #4483 (comment)

After:
no-locked-file.webm

🚧 TODO

Tested on

• Single file opened in the viewer as a logged in user
• Open a file on a public share link of that file
• Open a file on a publich share link of a folder
  Make sure to test this with Talk enabled and disabled as talk registers a sidebar on the public share pages
• Collectives regular page and share links
• Notes

🏁 Checklist

• Code is properly formatted (npm run lint / npm run stylelint / composer run cs:check)
• Sign-off message is added to all commits
• Tests (unit, integration and/or end-to-end) passing and the changes are covered with tests
• Documentation (README or documentation) has been updated or is not required

[enjeck]

@mejo- @max-nextcloud Still looking into the failing tests, but do you have any feedback on this? I don't like that I had to add a new div for this, and wondering if there's a better way I could have done it.

[enjeck]

No longer necessary. Addressed at 59e6bf5

[github-actions]

Hello there,
Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!