feat(VCST-4177): display variations in list view

[vas11yev1work]

Description

https://www.figma.com/design/ryT9jc1XQ2MxZOD9FLycJc/%F0%9F%94%B6--STOREFRONT-DRAFT-%E2%80%A2-3?node-id=1625-145962&t=G25BVqSYhRXCrKJq-4

Adds inline variations display and pagination in list view (desktop) using a new useProductVariations composable, with supporting UI, styles, and i18n updates.

• Catalog:
  • Product page (client-app/pages/product.vue): Replace ad-hoc params with useProductVariations; compute itemsPerPage/sort for B2C vs default; move to variationsPageNumber; centralize filter building; update sorting, paging, and filtering to use new API.
  • Product card (shared/catalog/components/product-card.vue):
    • Add expandable inline variations (list view, desktop) with loader, count header, and VariationsDefault with pagination.
    • Split variations buttons (inline toggle vs link) and pass appendIcon; lazy-load variations on expand; reset on product change.
    • Use useProductVariations + useProducts({ initialFetchingState: false }).
• Composables:
  • Add useProductVariations (shared/catalog/composables/useProductVariations.ts) with page, itemsPerPage, sort, filter (including custom builder), reset and update helpers; export in index.ts.
  • Enhance useProducts to accept initialFetchingState and initialize fetchingProducts accordingly.
  • Add comprehensive tests (useProductVariations.test.ts).
• UI Kit:
  • vc-product-card: new isExpanded prop and expanded-content slot; variants wrapper section.
  • vc-product-button: support appendIcon prop.
  • Adjust styles in vc-product-title, vc-product-price, vc-quantity-stepper to target wrapper structure.
• i18n:
  • Add pages.catalog.available_variations strings across locales.

References

Jira-link:

https://virtocommerce.atlassian.net/browse/VCST-4177

Artifact URL:

https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-2.35.0-pr-2038-df21-df212bb9.zip

[goldenmaya]

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud