[Notifications Refresh] Replace tabs with dropdown in notifications screen

[salimbraksa]

Fixes https://github.com/Automattic/wordpress-mobile/issues/9

Light	Dark

Test Instructions

1. Run the app and login.
2. Navigate to the Notifications screen
3. Click on the title in the navigation bar
4. It should display a dropdown menu
5. Click on the menu options
6. The dropdown should be dismissed, and then switch to the filter category you clicked, the title should be updated.

Regression Notes

1. Potential unintended areas of impact
   Make sure the correct filter is applied when selecting dropdown options.

2. What I did to test those areas of impact (or what existing automated tests I relied on)
   Manual testing.

3. What automated tests I added (or what prevented me from doing so)
   None.

PR submission checklist:

• I have completed the Regression Notes.
• I have considered adding unit tests for my changes.
• I have considered adding accessibility improvements for my changes.
• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

Testing checklist:

• WordPress.com sites and self-hosted Jetpack sites.
• Portrait and landscape orientations.
• Light and dark modes.
• Fonts: Larger, smaller and bold text.
• High contrast.
• VoiceOver.
• Languages with large words or with letters/accents not frequently used in English.
• Right-to-left languages. (Even if translation isn’t complete, formatting should still respect the right-to-left layout)
• iPhone and iPad.
• Multi-tasking: Split view and Slide over. (iPad)

[wpmobilebot]

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

	App Name	WordPress Alpha
	Configuration	Release-Alpha
	Build Number	pr23054-96ddcb7
	Version	24.7
	Bundle ID	org.wordpress.alpha
	Commit	96ddcb7
	App Center Build	WPiOS - One-Offs #9653

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.

[wpmobilebot]

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

	App Name	Jetpack Alpha
	Configuration	Release-Alpha
	Build Number	pr23054-96ddcb7
	Version	24.7
	Bundle ID	com.jetpack.alpha
	Commit	96ddcb7
	App Center Build	jetpack-installable-builds #8697

Automatticians: You can use our internal self-serve MC tool to give yourself access to App Center if needed.

[justtwago]

Looks amazing! It's a pure pleasure to use this and the Notifications tab looks really fresh in its final appearance! 👏

I also updated the GH issue to include the update about removing icons from the menu items.

[alpavanoglu]

Does it make sense to use notificationsViewController as key here? Wouldn't we be better of naming this without technical details, something like notifications.header.filters.all.notifications?

[salimbraksa]

Resolved in 96ddcb7. I didn't replace "navigationBar" with "headers" though, as I think "navigationBar" is not too much technical.