MWPW-157682 Check CLS for photoshop page

[suhjainadobe]

The text area in the hero-marquee is coming in CLS with iconography.css being a dependency

Resolves: MWPW-157682

Test URLs:

• Before: https://main--milo--adobecom.hlx.live/drafts/suhjain/hero-marquee
• After: https://heromarquee--milo--suhjainadobe.hlx.live/drafts/suhjain/hero-marquee

[aem-code-sync]

	Page	Scores	Audits	Google
M	/drafts/suhjain/hero-marquee
D	/drafts/suhjain/hero-marquee

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.10%. Comparing base (510f7a6) to head (bc496b3).
Report is 24 commits behind head on stage.

Additional details and impacted files

@@            Coverage Diff             @@
##            stage    #2860      +/-   ##
==========================================
+ Coverage   95.87%   96.10%   +0.23%     
==========================================
  Files         173      215      +42     
  Lines       46333    53958    +7625     
==========================================
+ Hits        44421    51856    +7435     
- Misses       1912     2102     +190     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

This pull request is not passing all required checks. Please see this discussion for information on how to get all checks passing. Inconsistent checks can be manually retried. If a test absolutely can not pass for a good reason, please add a comment with an explanation to the PR.

[spadmasa]

Validations done on below url :
https://heromarquee--milo--suhjainadobe.hlx.live/drafts/suhjain/hero-marquee
https://pagespeed.web.dev/analysis/https-heromarquee--milo--suhjainadobe-hlx-live-drafts-suhjain-hero-marquee/rbbqfwb59f?form_factor=mobile

https://pagespeed.web.dev/analysis/https-heromarquee--milo--suhjainadobe-hlx-live-drafts-suhjain-hero-marquee/rbbqfwb59f?form_factor=desktop

Validated on below url :
https://main--cc--adobecom.hlx.live/drafts/souj/performance/photoshop1?milolibs=heromarquee--milo--suhjainadobe
Before url :
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-photoshop1/iu3o7nw4l9?form_factor=mobile
after url
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-photoshop1/rxkpfpj9gy?form_factor=mobile

in illustrator :
https://main--cc--adobecom.hlx.live/drafts/souj/performance/illustrator1?milolibs=heromarquee--milo--suhjainadobe

before url
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-illustrator1/fj8tfezlth?form_factor=desktop

after url
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-illustrator1/shmmf8iosf?form_factor=desktop

Validated on below url :
https://main--cc--adobecom.hlx.live/drafts/souj/performance/photoshop1?milolibs=heromarquee--milo--suhjainadobe
Before url :
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-photoshop1/iu3o7nw4l9?form_factor=mobile
after url
https://pagespeed.web.dev/analysis/https-main--cc--adobecom-hlx-live-drafts-souj-performance-photoshop1/rxkpfpj9gy?form_factor=mobile

@suhjainadobe , @sigadamvenkata , @salonijain3

[elan-tbx]

Approved 👍

As a side note, I'm wondering if it would be helpful if we documented which blocks should async/await their stylesheet imports (like iconography.css) and which blocks shouldn't, outside of common sense. For example, marquees will likely be in the LCP understandably, so they should await the stylesheet to avoid a CLS, but I wonder if it's at all possible to get stats on other blocks that often appear in LCP so we can further optimize loading.