[UI]: Excessive top padding in Navigation Drawer and Top Bar

[RivanParmar]

Checklist

• I'm reporting a bug unrelated to a specific site.
• I've verified that I'm running the latest version of yt-dlp.
• I've verified that I'm running the latest stable version of Seal or any later preview versions.
• I've read the Contributing guidelines and Code Of Conduct.
• I've checked that the site i'm trying to download from is in the Supported Sites list from yt-dlp
• I understand that the issue will be (ignored/closed) if I intentionally remove or skip any mandatory field.

Describe the bug

The custom TopBar implemented in DownloadPageV2 appears to have excessive top padding (although it does not), as evident in the attached screenshot. Moreover, since you can't scroll up to collapse the TopBar without having an item in the below list, it feels like a UI bug. The Navigation Drawer also has too much padding at the top.

To Reproduce

For Top Bar:

• Open the app.

For Navigation Drawer:

• Open the app.
• Click on the menu icon at the top left.

Error reports

None

Screenshots & Screen Records

Additional context

This is just a suggestion, but since the app is following Material Design 3 guidelines, it would be better to use either a LargeTopAppBar or a MediumTopAppBar available in the Compose Material 3 library. However, if a custom version still needs to be used, then maybe the navigation drawer icon should be fixed towards the top rather than moving it up and down along with the bar.

App version: 2.0.0-alpha.4
Android version: Android 14