fix(designer): Update dropzone automation ids to use node names and align with card …

[Aleks-gdb]

Update dropzone automation ids to use node names and align with card automation ids.

• Please check if the PR fulfills these requirements

• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes/features)
• Docs have been added / updated (for bug fixes / features)

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
  Aligns data-automation-ids for card and add button for easier maintenance.

• What is the current behavior? (You can also link to an open issue here)
  

• What is the new behavior (if this is a feature change)?
  The button id and data automation id use the display name of the operation vs the id. Same as the card.
  

• Does this PR introduce a breaking change? (What changes might users need to make in their application due to this PR?)
  This would break existing tests relying on the previous style of data-automation-ids and button id

• Please Include Screenshots or Videos of the intended change:
  No UI change.

[Eric-B-Wu]

nit: can we move all instances of .replace(/\W/g, '-') in libs\utils\src\lib\helpers\stringFunctions.ts and use the function instead?