Improve copy to clipboard interface

[javierarce]

While working on this issue related to the publish panel, I thought we could improve the interface we use to copy text to the clipboard to avoid the problem mentioned by @gwwar and make our interface less dependent on the selected locale (plus reducing the element footprint).

Here's what happens in Japanese. The first field shows the "Copy" state, the second one, the "Copied!" state.

The solution I propose is simply using an icon that could be attached to any input field. The confirmation of the successful action would be revealed with an icon and a tooltip.

Here's a Figma file with the design and a simple prototype.

PS: I'm not sure if we use the copy button in other places besides the publish panel, but please let me know so I can update the design with more examples.

[thisissandip]

Hey @javierarce, I cannot access the Figma file. Can you make it public?

[javierarce]

Sorry about that, @thisissandip! It's public now.

[thisissandip]

Thanks @javierarce!