Improvements: Dashboard UI

[AjeshRPai]

Fixes

#19772

Description

This PR makes the following changes

1. Removes the site info header from my site fragment - A SiteInfoHeaderCardViewHolder is added to render the site header instead of my site fragment. This will improve the rendering time and will also help us when converting the views to compose
2. Fixes the background color in the compose cards

Before	After

• Blaze Campaign
• Bloganuary Nudge Card
• Personalize card
• Domain dashboard card

3. Adds a haptic feedback to the bottom nav

To Test:

1. Login to the Jetpack app
2. Go to the dashboard
3. Verify that the dashboard is rendered as before
4. Verify that there are no background in compose cards
5. Verify that on switching between the bottom nav items(my site, reader, notifications, me) , there is a haptic feedback

Regression Notes

1. Potential unintended areas of impact
   N

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

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

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)

[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	pr19771-e383d9c
	Commit	e383d9c
	Direct Download	wordpress-prototype-build-pr19771-e383d9c.apk

Note: Google Login is not supported on these builds.

[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	pr19771-e383d9c
	Commit	e383d9c
	Direct Download	jetpack-prototype-build-pr19771-e383d9c.apk

Note: Google Login is not supported on these builds.

[wpmobilebot]

	1 Warning
⚠️	Class SiteInfoHeaderCardViewholder is missing tests, but unit-tests-exemption label was set to ignore this.

Generated by 🚫 Danger

[zwarm]

@AjeshRPai - so far, so good. The site header functions as normal (clicks on title, icon, launching the site selector). To my eye, I do not see the background color on cards, but in layout inspector I see the corners. Not sure if this should be the case or I am not testing it correctly.

[AjeshRPai]

Hey @zwarm

To my eye, I do not see the background color on cards, but in layout inspector I see the corners. Not sure if this should be the case or I am not testing it correctly.

I think thats ok, can u also check if the cards built using XML also has corners. As much as I checked all cards has corners in layout inspector. So that's ok.

[zwarm]

@AjeshRPai

I think thats ok, can u also check if the cards built using XML also has corners.

I checked XML and see the same corner , so 👍

[zwarm]

@AjeshRPai - Adding my approval. Will wait for @osullivanchris to give the thumbs up before merging.