[Notifications Refresh] Implement component for Comment Moderation and Likes header

[salimbraksa]

Part of

• 16-gh-Automattic/wordpress-mobile
• 29-gh-Automattic/wordpress-mobile

Light	Dark

Test Instructions

Verify the component matches the design

Regression Notes

1. Potential unintended areas of impact
   N/A

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

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

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	pr23075-efee7cd
	Version	24.7
	Bundle ID	org.wordpress.alpha
	Commit	efee7cd
	App Center Build	WPiOS - One-Offs #9643

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	pr23075-efee7cd
	Version	24.7
	Bundle ID	com.jetpack.alpha
	Commit	efee7cd
	App Center Build	jetpack-installable-builds #8687

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

[salimbraksa]

For some reason, this code breaks the SwiftUI Previews even when the "Design System" target is selected.

[justtwago]

Do you mean it breaks all the other previews too? I uncommented it, and this particular preview really doesn't work, but the ContentPreview works perfectly. 🤔

[salimbraksa]

In my case I get this error when trying to preview the ContentPreview view:

[justtwago]

Perhaps it's a local issue.

[salimbraksa]

Resolved the issue by deleting DynamicDashboardCard.swift file and adding it again 🤷‍♂️

[justtwago]

"Try to restart your computer"-like classic 😄

[justtwago]

Great work, thank you Salim! Love it how the rows are animated on clicks. 👏