Fix incorrect widget area layout for new unified dashboard content area

[felixarntz]

#4031 incorrectly defined the new widget areas AREA_MAIN_DASHBOARD_CONTENT_PRIMARY and AREA_ENTITY_DASHBOARD_CONTENT_PRIMARY to use the "COMPOSITE" widget area style. This is incorrect, as these areas shouldn't render as a single box of multiple widgets, but the (more typical) grid of multiple boxes, one for each widget.

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The widget area registrations for AREA_MAIN_DASHBOARD_CONTENT_PRIMARY and AREA_ENTITY_DASHBOARD_CONTENT_PRIMARY should be changed to use the "BOXES" style.

Implementation Brief

• Change

  site-kit-wp/assets/js/googlesitekit/widgets/register-defaults.js

  Line 247 in 75f211e

  style: WIDGET_AREA_STYLES.COMPOSITE,

  and

  site-kit-wp/assets/js/googlesitekit/widgets/register-defaults.js

  Line 316 in 75f211e

  style: WIDGET_AREA_STYLES.COMPOSITE,

  to use WIDGET_AREA_STYLES.BOXES.
• Merge Fix incorrect widget area layout for new unified dashboard content area. #4272.

Test Coverage

• N/A

QA Brief

• Check the Unified Dashboard (using the unifiedDashboard feature flag) and ensure the "primary" content area shows widgets in the "boxes" style, not combined. Eg. they should match the "after" screenshots below:

Before

After

Changelog entry

• Use "boxed" layout style for the unified dashboard's "content" widget area.

[NaotoNakamura]

I would like to take this issue !

[tofumatt]

This can be moved directly to code review after IB review, and maybe added to this sprint/release, as @NaotoNakamura already created a PR for it 🙂

[felixarntz]

IB ✅

[wpdarren]

QA Update: ✅

Verified:

• On the Unified Dashboard, the "primary" content area shows widgets in the "boxes" style, not combined.
• Tested this on desktop and small screen sizes like mobile.