Edge-to-edge dialog support

[geekygecko]

Description

This pull request aims to improve the dialog styling. Switching to Android 15 caused issues with the padding and colours, especially regarding the navigation bar.

The latest version might look worse on the older SDK 30 and 24 but it look a lot better on the higher SDKs when using the dialog. The content that slides behind the navigation bar handle isn't a solid navigation bar colour. For example before the change:

Screen.Recording.2025-01-10.at.3.18.06.pm.mov

After:

Screen.Recording.2025-01-10.at.3.19.26.pm.mov

This change took a while, so it doesn't take even longer I haven't focused on the landscape version. I will do that in a future PR if we have time to spend on it.

Testing Instructions

Try different bottom sheet dialogs in the app. And verify the content is displayed correctly with the navigation bar.

• Podcast grid options: go to the Podcast tab, three dots in the toolbar.
• Filter sort by: go to the Filters tab, select a filter, three dots in the toolbar, Sort By.
• Clear Up Next: add some episodes to your Up Next, go to the Up Next tab, clear Up Next button in the toolbar.
• File options: go to the Profile tab, tap Files, tap a user file.
• Champion: login as a lifetime user, go to the Profile tab, tap account, tap Pocket Casts Champion.
• Full screen player: open the full screen player, tap effects, tap sleep timer, tap the shelf overflow button.

Screenshots

Filter sort by dialog

After

Before (main)

Podcast grid options dialog

After

Before (main)

Clear Up Next dialog

After

Before (main)

User file dialog

After

Before (main)

Pocket Casts champion

After

Player - Long press next episode

Before (main)

Player - Playback effects

The extra bottom padding will go once we remove the old custom playback speed settings.

Before (main)

Player - Sleep timers

Before (main)

Checklist

• If this is a user-facing change, I have added an entry in CHANGELOG.md
• Ensure the linter passes (./gradlew spotlessApply to automatically apply formatting/linting)
• I have considered whether it makes sense to add tests for my changes
• All strings that need to be localized are in modules/services/localization/src/main/res/values/strings.xml
• Any jetpack compose components I added or changed are covered by compose previews
• I have updated (or requested that someone edit) the spreadsheet to reflect any new or changed analytics.

I have tested any UI changes...

• with different themes
• with a landscape orientation
• with the device set to have a large display and font size
• for accessibility with TalkBack

[dangermattic]

	1 Error
🚫	PR requires a [Type] label and either a [Area] or [Project] label.

	1 Warning
⚠️	PR is not assigned to a milestone.

Generated by 🚫 Danger

[wpmobilebot]

📲 You can test the changes from this Pull Request in 📱 Mobile by scanning the QR code below to install the corresponding build.

	App Name	📱 Mobile
	Build Type	debugProd
	Commit	abc90b4
	Direct Download	pocketcasts-app-prototype-build-pr3414-abc90b4.apk

📲 You can test the changes from this Pull Request in 🚗 Automotive by scanning the QR code below to install the corresponding build.

	App Name	🚗 Automotive
	Build Type	debugProd
	Commit	abc90b4
	Direct Download	pocketcasts-automotive-prototype-build-pr3414-abc90b4.apk

📲 You can test the changes from this Pull Request in ⌚ Wear by scanning the QR code below to install the corresponding build.

	App Name	⌚ Wear
	Build Type	debugProd
	Commit	abc90b4
	Direct Download	pocketcasts-wear-prototype-build-pr3414-abc90b4.apk

[geekygecko]

The BottomSheetDialog material component uses this to know it should draw to the edge which fixes the navigation bar being a different colour to the background.