Support edge-to-edge for the whole podcasts section

geekygecko commented 3 days ago

Description

This change focuses on all the screens in the podcasts tab. Please ignore the other tabs for now.

One issue I'm struggling to solve at the moment is the bottom sheet navigation bar color. I will have another attempt at fixing it in a future PR.

There will be multiple pull requests required to support Android 15 edge-to-edge but I'm going to break them down into smaller PRs. I will merge them all into a task/android-15 branch, and after all the work is completed, raise a PR to merge into main.

Testing Instructions

It would be good if you could try tapping around in the podcasts tab to find issues with the edge-to-edge changes. Areas I have found issues with are:

Older versions of Android versions
Themes
Content under the system bars
End of pages / lists under the bottom navigation or mini player

Here are some test steps I have followed in case you want to try them too:

Open the podcasts tab
✅ Verify the next pages aren't under the status bar and you can get to the bottom of the page, even with the mini player open.
Tap on a podcast
Tap on the podcast settings cog
Tap on Auto archive and back
Tap on Playback effects and back
Tap on Filters and go back to the podcasts list
Tap on the search podcasts icon, search for a podcast, and come back to the list
Tap on the three dots, share podcasts, and go through the screens to create a list

Screenshots

Before	After

Checklist

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

I have tested any UI changes...

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

wpmobilebot commented 3 days ago

📲 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	8bb4f8b7992bb5f3e00f939eeea0a9303d9da714
	Direct Download	`pocketcasts-app-prototype-build-pr3245-8bb4f8b.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	8bb4f8b7992bb5f3e00f939eeea0a9303d9da714
	Direct Download	`pocketcasts-automotive-prototype-build-pr3245-8bb4f8b.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	8bb4f8b7992bb5f3e00f939eeea0a9303d9da714
	Direct Download	`pocketcasts-wear-prototype-build-pr3245-8bb4f8b.apk`