[CDX-354] Carousel Component should pass component overrides to Product Card

[Mudaafi]

Pull Request Checklist

Before you submit a pull request, please make sure you have to following:

• I have added or updated TypeScript types for my changes, ensuring they are compatible with the existing codebase.
• I have added JSDoc comments to my TypeScript definitions for improved documentation.
• I have added tests that prove my fix is effective or that my feature works.
• I have added any necessary documentation (if appropriate).
• I have made sure my PR is up-to-date with the main branch.

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no API changes)
• Documentation content changes
• TypeScript type definitions update
• Other... Please describe:

[Copilot]

Pull request overview

This PR enables the Carousel component to pass component overrides through to the ProductCard component, allowing developers to customize ProductCard rendering within carousels.

Changes:

• Extended CarouselOverrides type definition to support nested productCard overrides
• Modified Carousel component to pass productCard overrides to the ProductCard component
• Added test coverage for both direct ProductCard overrides and nested overrides (e.g., ProductCard.image)

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
src/types/carouselTypes.ts	Added ProductCardOverrides import and extended the item property in CarouselOverrides to include optional productCard overrides
src/components/carousel.tsx	Updated ProductCard instantiation to pass through componentOverrides?.item?.productCard
spec/components/Carousel/Carousel.test.tsx	Added two test cases verifying that ProductCard overrides are correctly passed down and applied

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[constructor-claude-bedrock]

Code Review Results

✅ Strengths

Clear bugfix with comprehensive test coverage demonstrating both direct and nested component override propagation.

🚨 Critical Issues

None identified.

⚠️ Important Issues

None identified.

💡 Suggestions

[File: spec/components/Carousel/Carousel.test.tsx Line: L258-L290]
The test name "Ensure ProductCard componentOverrides are passed down" uses an imperative verb. Consider using a more descriptive assertion-style name that describes the expected behavior, such as "passes productCard componentOverrides to ProductCard component" for consistency with testing best practices.

[File: spec/components/Carousel/Carousel.test.tsx Line: L292-L316]
Similarly, rename "Ensure nested ProductCard componentOverrides are passed down" to "passes nested productCard componentOverrides to ProductCard component" for better clarity and consistency with other test descriptions in the suite.

Overall Assessment: ✅ Pass

---

Summary: This PR successfully fixes the bug where Carousel component was not passing componentOverrides to ProductCard. The implementation is minimal and correct - it simply threads through the componentOverrides?.item?.productCard prop to the ProductCard component (src/components/carousel.tsx:228). The type definitions are properly updated to include ProductCardOverrides in the CarouselOverrides type (src/types/carouselTypes.ts:69-71). Test coverage is excellent with two comprehensive tests validating both direct ProductCard overrides and nested overrides (like image), covering all three mock products to ensure the overrides work consistently across the carousel.