Various catalog fixes + SWC updates

[yesil]

This PR addresses several small UI fixes for the upcoming catalog page release.

Includes:

• https://git.corp.adobe.com/wcms/tacocat.js/pull/591
• https://git.corp.adobe.com/wcms/tacocat.js/pull/605

Required by: adobecom/cc#307

Resolves:

• MWPW-147654
• MWPW-147678
• MWPW-147695
• MWPW-147697
• MWPW-147762
• MWPW-147772
• MWPW-147849
• MWPW-147850
• MWPW-147851
• MWPW-147854
• MWPW-147716

Test URLs:

• Before: https://main--milo--adobecom.hlx.page/drafts/ilyas/merch-card-collection?martech=off
• After: https://product-catalog-fixes--milo--adobecom.hlx.page/drafts/ilyas/merch-card-collection?martech=off

CC Test URL: https://catalog-fixes--cc--adobecom.hlx.live/products/catalog?martech=off&milolibs=product-catalog-fixes

Performance
hlx.live score ~86pts: https://pagespeed.web.dev/analysis/https-product-catalog-fixes--milo--adobecom-hlx-live-drafts-ilyas-merch-card-collection/9h7jey7q1y?form_factor=mobile

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• df354a5 ✅ (latest)
• 04f5454 ✅
• d5e6c4d ✅
• 70be2c8 ✅
• 48228c8 ✅
• d8f54ab ✅
• 09ccb49 ✅
• e9dfe98 ✅
• 7156ba7 ✅
• d5fd985 ✅
• 02ca699 ✅
• 54828b8 ✅
• 5d378f3 ✅
• 7fccfd5 ✅
• d3ca030 ✅
• 66fa715 ✅
• 92dab37 ✅
• 4efcdaa ✅
• cfa0808 ✅
• 65cefa4 ✅
• a6bef16 ✅
• 2bd36b8 ✅
• 9a121ec ✅
• 2e71d5a ✅
• ff4e06c ✅
• 0fc4826 ✅
• a834798 ✅
• 44d3656 ✅
• 44cd3a1 ✅
• 03aa6fc ✅

[aem-code-sync]

Page	Scores	Audits	Google
/drafts/ilyas/merch-card-collection?martech=off

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.66%. Comparing base (29d0a16) to head (1227eb3).

Additional details and impacted files

@@           Coverage Diff           @@
##            stage    #2347   +/-   ##
=======================================
  Coverage   95.65%   95.66%           
=======================================
  Files         173      173           
  Lines       45165    45176   +11     
=======================================
+ Hits        43204    43216   +12     
+ Misses       1961     1960    -1     

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

[npeltier]

lgtm assuming no regression :)

[3ch023]

when the icon is missing the card layout gets broken

[3ch023]

also on kitchen sync there is a trouble with the card title
https://product-catalog-fixes--milo--adobecom.hlx.page/docs/library/kitchen-sink/merch-card

[yesil]

@3ch023 the icon issue is not a product of this PR. the card collection index used in the Milo page is hand crafted and not entirely correct. Any style issue should be reported with examples in kitchen sink or other pages.

[Roycethan]

@yesil Tickets attached to this PR are verified, they are fixed. I see a other issue and tracked here https://jira.corp.adobe.com/browse/MWPW-150558 plz let me know whether you are planning to fix it here or in another PR, thanks

[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.

[yesil]

@3ch023 could you please review again?

[yesil]

@Roycethan @afmicka as per the design: https://xd.adobe.com/view/84200b4e-caf9-428f-98cf-7198a236a4bc-d173/screen/9e57473d-b3de-4ad1-8627-ca485d21871c/variables/

the tablet should show 3 cards in the same row and buttons must be stretched.

Let me know if you disagree.

[Roycethan]

@yesil Thanks for fixing regressions in Mini compare chart card, few issues/regressions in Catalog page mentioning here:

1. CTA misalignment: https://catalog-fixes--cc--adobecom.hlx.live/products/catalog?martech=off&milolibs=product-catalog-fixes#category=pdf-esignatures

2. Some more device issues are logged separately fyi and can be handled in post PRs:
   https://jira.corp.adobe.com/browse/MWPW-151437
   https://jira.corp.adobe.com/browse/MWPW-151392
   https://jira.corp.adobe.com/browse/MWPW-150558

cc @afmicka

[afmicka]

@yesil there is one remaining gap to be fixed. Tablet view with 2 columns. The gap is still smaller with your changes.
https://main--cc--adobecom.hlx.live/creativecloud?milolibs=product-catalog-fixes&martech=off

xd: https://xd.adobe.com/view/84200b4e-caf9-428f-98cf-7198a236a4bc-d173/screen/7c930c0a-df97-4206-a944-43f1ad98d731/variables/

Could you please also check the font size for the CTAs? It is smaller with your changes (15px) than on prod (17px) but not sure out of XD what value it should really be.
https://main--cc--adobecom.hlx.live/pl/creativecloud?milolibs=product-catalog-fixes&martech=off#

2. I still see this CTA alignment on the card on desktop view as well, not just mobile. Catalog page.

cc: @Roycethan