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

https://github.com/pods-framework/pods/assets/75633537/40985757-0cd5-485a-95e5-4609fa4d5682

Using keyboard to copy field name.

https://github.com/pods-framework/pods/assets/75633537/5bc49bd1-b1b8-4044-a236-02f2904d9186

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

• [x] I have tested my own code to confirm it works as I intended.
• [x] My code follows the WordPress Coding Standards.
• [x] 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.

[what-the-diff[bot]]

PR Summary

• Addition of .gitignore entry The pnpm-lock.yaml file is now included in the .gitignore file. This ensures that the 'lock file' generated by the package manager doesn't unintentionally get tracked by Git.

• Adjustment of version values The version values in pods-blocks-api.min.asset.json and pods-dfv.min.asset.json files have been modified. This could be due to improvements made, bugs fixed or simply a routine version update.

• New Button Component Addition There are changes to the field-list-item.js file to import a copy-button module and add a new button component. This will likely offer a new feature or a user interface improvement.

• Styling improvements The field-list-item.scss file has been tweaked to add styles for the new button component, ensuring that the button aligns with the application's visual consistency.

• Addition of New Files New files copy-button.js and copy-button.scss have been added in the components directory. These files will most likely deal with the functionality and styling of the newly added copy button.