Added Possibilities to add ButtonID to Confirmation Dialog

[Crixu]

Description

This PR introduces the ability to set a custom ID or CSS selector for the confirmation button in NewConfirmationDialog. This enhancement enables better feature usage tracking in Pendo.

Related Issue: #463

Steps to Test

Outline the steps to test and verify the PR here.

Example:

1. Pull down PR.
2. npm run dev.
3. Open Storybook.
4. Go to /docs/dialog-newconfirmationdialog--docs.
5. Verify buttonID "ConfirmIsJohnDoe" is present

[netlify]

✅ Deploy Preview for vip-design-system-components ready!

Name	Link
🔨 Latest commit	27e30e1
🔍 Latest deploy log	https://app.netlify.com/sites/vip-design-system-components/deploys/674825776c3b2c0008035b55
😎 Deploy Preview	https://deploy-preview-464--vip-design-system-components.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.

[djalmaaraujo]

@Crixu Thanks for your contribution, but using buttonId is not a standard name, especially in this case that it's going to Close button, but you are passing in a parent component. This property will be confusing for users, not knowing where this ID is being applied.

But even better would be for you to use a better CSS selector in pendo, instead of relying on IDS. Can you to the query from a upper component, like: "#parentId button?

[Crixu]

@Crixu Thanks for your contribution, but using buttonId is not a standard name, especially in this case that it's going to Close button, but you are passing in a parent component. This property will be confusing for users, not knowing where this ID is being applied.
But even better would be for you to use a better CSS selector in pendo, instead of relying on IDS. Can you to the query from a upper component, like: "#parentId button?

The goal is to get an ID added to the confirm button which was achieved in this case. In the Storybook Playground I only see the ID attached to the confirm button.
If I use the #parentId button CSS selector I can't differentiate between the close or the confirm button.

[github-actions]

This pull request has been marked stale because it has been open for 60 days with no activity. If there is no activity within 7 days, it will be closed.

This is an automation to keep pull requests manageable and actionable and is not a comment on the quality of this pull request nor on the work done so far. Closed PRs are still valuable to the project and their branches are preserved.