feat(designer): Scope Copy + Paste

[Eric-B-Wu]

• 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, ...)
  Feature of Scope Copy Paste. Copy Paste Functionality Improvments #3386
  Some other changes:

1. Copy Paste now uses clipboard API instead of local storage. There are some pros and cons with this, the main pro is that because portal uses indexeddb to emulate local storage, this should work better. Another pro is that users can actually see what is copied + paste. Con is that we can not detect changes in the copied/ pasted value in realtime, as clipboard api will not let us detect change - therefore the paste option is always active, and if tried to paste with an invalid paste object, it will just show a popup that it's not invalid. Fixes: Copy/paste not working across workflows #4308
2. Fixes error message when adding Microsoft Bookings trigger: The renderComponentIntoRoot component encountered an error while loading. #4630
3. Some small custom code C# changes
4. Adds a "no items" header for combobox when there are no items

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

• What is the new behavior (if this is a feature change)?
  Feature Now implemented

• Does this PR introduce a breaking change? (What changes might users need to make in their application due to this PR?)

• Please Include Screenshots or Videos of the intended change:
  Zip file cause too large, but this one shows the copy + paste experience
  scopesuccess.zip

This one shows the benefits of clipboard api

[rllyy97]

Great job with this!

[rllyy97]

Comment on your therefore the paste option is always active, can we check the clipboard object for a valid copy/paste item when opening the (+) button menu and show the paste option based on validity?
We might not need to like check the entire data structure if that takes too long for larger scope nodes, but as a start just saying like "is this a json object string" or anything

[Eric-B-Wu]

Comment on your therefore the paste option is always active, can we check the clipboard object for a valid copy/paste item when opening the (+) button menu and show the paste option based on validity? We might not need to like check the entire data structure if that takes too long for larger scope nodes, but as a start just saying like "is this a json object string" or anything

yeah we probably can, was worried this may delay the popup to show up, but we have a very simple property of the parsed clipboard value, which we can probably get rather quickly

[Eric-B-Wu]

also another con to the clipboard api, is the copied action/scope gets replaced easily. Everytime the user copies another item, it gets replaced.

[hartra344]

also another con to the clipboard api, is the copied action/scope gets replaced easily. Everytime the user copies another item, it gets replaced.

I think this is fine/expected. It has pros and cons but generally windows users can use Clipboard History (Windows + V) to paste and most Mac Users use something like RayCast or Paste for clipboard history management. So in those cases, it won't overwrite the copied value but just push it down the stack.

[kisubedi]

This is fantastic! Thank you Eric and team.