Small ui adjustments for non-video-playback views

[mykhailodanilenko]

🚀 Description

This PR implements fixes for issues raised in #341, while also making the appearance more consistent on iPads and desktop. See on MishaTube or at cust-app-mishatube.owntube.tv. Also includes fixes for #343 and #346

📄 Motivation and Context

#341, #343, #346

🧪 How Has This Been Tested?

• Web (desktop)
• Web (mobile)
• Mobile (iOS)
• Mobile (Android)
• TV (Android)
• TV (Apple)

📦 Types of changes

• 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)

✅ Checklist (copied from README)

• Squash your changes into a single clear and thoroughly descriptive commit, split changes into multiple commits only when it contributes to readability
• Reference the GitHub issue that you are contributing on in your commit title or body
• Sign your commits, as this is required by the automated GitHub PR checks
• Ensure that the changes adhere to the project code style and formatting rules by running npx eslint . and npx prettier --check ../ from the ./OwnTube.tv/ directory (without errors/warnings)
• Include links and illustrations in your pull request to make it easy to review
• Request a review by @mykhailodanilenko, @ar9708 and @mblomdahl

[ar9708]

Please add #346 and re-request review!

[ar9708]

Please mention PR includes #343 as well.

[mblomdahl]

Please add missing separator, looks great otherwise!

Fixed