Add copy button to field slugs to make it easier to copy/paste

[heybran]

Description

Add a new CopyButton react component to be used along with field name. It allows user to copy the field name, and keyboard support styles are also considered.

Related GitHub issue(s)

#7237

Testing instructions

1. Go to Edit Pods screen
2. Hover over field name or using keyboard to navigate to field wrapper, Copy Button (currently displayed as copy icon) should be visible and clickable.
3. Click copy button and the field name should be copied to your clipboard.

Screenshots / screencast

Screen.Recording.2024-04-13.at.21.03.34.mov

Using keyboard to copy field name.

Screen.Recording.2024-04-13.at.22.34.02.mov

Changelog text for these changes

Enhancement: Pods field name will now have a copy button near it to copy field name(slug). #7237 (@heybran)

PR checklist

• I have tested my own code to confirm it works as I intended.
• My code follows the WordPress Coding Standards.
• My code follows the WordPress Inline Documentation Standards.
• My code includes automated tests for PHP and/or JS (if applicable).

[heybran]

@sc0ttkclark

You'll see lots of changes on this file: https://github.com/pods-framework/pods/pull/7291/files#diff-95ad6580fe94f4558f5fbc01ba5a4cf11a162c41f486d86cb203f0d024d11e5e

That is due to I run pnpm run format-js, will that be ok? If not, I can manually change them back to its original format.