feat(confirm): make data tag props available on cancel and confirm buttons - FE-6251

[DipperTheDan]

This enhancement makesdata-role and data-element tags available on the cancel and confirm buttons in this component

fixes #6374

Proposed behaviour

Makes the data tag props available to be used via two new props called cancelButtonDataProps and confirmButtonDataProps.

Current behaviour

Data tags cannot be used on either cancel or confirm buttons.

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Cypress automation tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in CodeSandbox/storybook
• Add new Cypress test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

N/A

Testing instructions

• Should be able to pass custom data-role and data-element props to the cancel or confirm buttons. Confirm with Custom Data Tags example should demonstrate this.
• There should be no other regressions with functionality or styling with this component.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit c995a22:

Sandbox	Source
carbon-quickstart	Configuration
carbon-quickstart-typescript	Configuration

[carbonci]

🎉 This PR is included in version 123.2.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀