Update dashboard card domain to v2

[ravishanker]

Updating dashboard card domain ui to match latest v2

Fixes #18280

Light	Dark	Bold text

To test:

• Launch Jetpack/WordPress app
• Verify domain card appears as shown above on dashboard
• Switch to dark/night mode
• Verify domain card matches the dark version

Additionally use the UI changes checklist

• Tap on domain card
• Verify that it launches domains search
• Tap on overflow (three dots) menu
• Verify it pops up menu with Hide this option
• Tap on Hide this
• Verify, the card gets hidden

Also, do some relevant test from the UI Changes Checklist below

** Note **
The browser image needs to be updated, waiting for a final version. Will update before merging

Regression Notes

1. Potential unintended areas of impact
   None

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

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

PR submission checklist:

• I have completed the Regression Notes.
• 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.

UI Changes testing checklist:

• Portrait and landscape orientations.
• Light and dark modes.
• Fonts: Larger, smaller and bold text.
• High contrast.
• Talkback.
• 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)
• Large and small screen sizes. (Tablet and smaller phones)
• Multi-tasking: Split screen and Pop-up view. (Android 10 or higher)

[staskus]

@ravishanker

Designer updated the assets with a static text

[wpmobilebot]

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

	App Name	Jetpack
	Flavor	Jalapeno
	Build Type	Debug
	Version	pr18286-904bfd3
	Commit	904bfd3
	Direct Download	jetpack-prototype-build-pr18286-904bfd3.apk

Note: Google Login is not supported on these builds.

[staskus]

Note:

The previous version of the card supported all the accessibility features except the bold text. Maybe a good chance to introduce it.

[wpmobilebot]

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

	App Name	WordPress
	Flavor	Jalapeno
	Build Type	Debug
	Version	pr18286-904bfd3
	Commit	904bfd3
	Direct Download	wordpress-prototype-build-pr18286-904bfd3.apk

Note: Google Login is not supported on these builds.

[irfano]

LGTM! 👍🏻 The only issue is on the title in RTL layout. It's still aligned to the left. I'm approving, we're good to merge after fixing it.

[irfano]

The previous version of the card supported all the accessibility features except the bold text. Maybe a good chance to introduce it.

I noticed the issue in bold text. It would be nice if we could fix it now, but the issue was already opened to be fixed later.

[ravishanker]

The previous version of the card supported all the accessibility features except the bold text. Maybe a good chance to introduce it.

Fixed for this card in 904bfd3

[ravishanker]

The only issue is on the title in RTL layout. It's still aligned to the left.

It seems to work find in LTR layout. What locale were you using? (Translations are not in place just yet)

[irfano]

It seems to work find in LTR layout. What locale were you using? (Translations are not in place just yet)

👍🏻 I suppose it didn't work because I used the "Force RTL" option in the developer settings, and the translation was missing. Next time, I should test it by changing the language instead of using "Force RTL".