Custom Playback Settings: Add Feature Flag and add segmented tab bar

[ashiagr]

Description

This adds the custom_playback_settings Feature Flag and the segmented tab bar in the playback effects view.

** Ignore local files for now

Project #3042

Testing Instructions

1. Play an episode and tap effects icon in full-screen player
2. ✅ Notice that the segmented tab bar is displayed at the top of the effects view** (hHFpI1RtnW4TRb448Q4Don-fi-4730_28640)
3. Disable the FF
4. Re-open the effects view and
5. ✅ Notice that the segmented tab bar is not displayed
6. Go to Podcasts tab
7. Tap on locked folder icon
8. ✅ Notice that segmented bar on the Plans page looks fine

** Only match the segmented control in Figma, the top header is highlighted only on iOS.

Screenshots or Screencast

Effects Settings

Plans

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 Warning
⚠️	Class SegmentedTabBarColors is missing tests, but unit-tests-exemption label was set to ignore this.

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	64c14cf
	Direct Download	pocketcasts-app-prototype-build-pr3065-64c14cf.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	64c14cf
	Direct Download	pocketcasts-automotive-prototype-build-pr3065-64c14cf.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	64c14cf
	Direct Download	pocketcasts-wear-prototype-build-pr3065-64c14cf.apk

[geekygecko]

I have asked the design team about this change as I'm unsure if it's too much like an iOS control. It also feels quite a thin touch target. If it's ok with you I won't approve this until we have heard back from them.

Internal discussion pdeCcb-7bh-p2#comment-5776

[ashiagr]

@geekygecko 👋

I've updated the component style and screenshots based on pdeCcb-7bh-p2#comment-5789.
We might need a few tweaks from the designer so I've added a do not merge label.

[ashiagr]

As the feature is behind FF, I'm merging this PR. I'll revisit it once we have further updates: pdeCcb-7bh-p2#comment-5804