fix(saleheaderbanner): L3-4298 support translations for the countdown component

[scottdickerson]

Jira ticket

L3-4298

Screenshots

Before	After

Summary

The Countdown timer related fields in the SaleHeaderBanner were not translatable, this adds that capability

Change List (describe the changes made to the files)

Key changes include:

Enhancements to SaleHeaderBanner component:

• Added countdownTimerLabel and countdownFormatDuration properties to SaleHeaderBannerProps to allow customization of the countdown timer label and duration format.
• Updated the SaleHeaderBanner component to use the new countdown properties when rendering the countdown timer. [1] [2]

Acceptance Test (how to verify the PR)

• Validate the OpenForBidding story supports custom labels and durations.

Regression Test

• (Optional) Add verification steps to make sure this PR doesn't break old functionality

Evidence of testing

• Post logs, screenshots, etc

Things to look for during review

• PR title should correctly describe the most significant type of commit. I.e. feat(scope): ... if a minor release should be triggered.
• All commit messages follow convention and are appropriate for the changes
• All references to phillips class prefix are using the prefix variable
• All major areas have a data-testid attribute.
• Document all props with jsdoc comments
• All strings should be translatable.
• Unit tests should be written and should have a coverage of 90% or higher in all areas.

New Components

• Are there any accessibility considerations that need to be taken into account and tested?
• Default story called "Playground" should be created for all new components
• Create a jsdoc comment that has an Overview section and a link to the Figma design for the component
• Export the component and its typescript type from the index.ts file
• Import the component scss file into the componentStyles.scss file.

[netlify]

✅ Deploy Preview for phillips-seldon ready!

Name	Link
🔨 Latest commit	05483f9
🔍 Latest deploy log	https://app.netlify.com/sites/phillips-seldon/deploys/6791666e085c3900073314ba
😎 Deploy Preview	https://deploy-preview-481--phillips-seldon.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[davidicus]

🎉 This issue has been resolved in version 1.108.1 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀