Improvements to "Copy to Clipboard" wrapper

[eduardomozart]

Checklist before requesting a review

Please delete options that are not relevant.

• I have read the CONTRIBUTING document.
• I have performed a self-review of my code.
• I have added tests that prove my fix is effective or that my feature works.
• This change requires a documentation update.

URL: https://glpi.example.com/front/user.form.php?id=1

Before this PR:

After this PR:

This PR uses the input-group class of bootstrap as used on Data Picker inputs to position the "Copy to clipboard" button, as it seems a little misaligned. It works exactly as it is today, allowing copy by clicking into the input or copy button.

This PR keeps the current behavior/compatibility to plug-ins that may use the <div class="copy_to_clipboard_wrapper"></div> as it is today.

It adds a change effect similar to the "Copy to clipboard" on Debug, which changes the icon from "check" to the copy button again to user know it can copy the same information more than once if wanted.

Description

• It fixes # (issue number, if applicable)
• Here is a brief description of what this PR does

Screenshots (if appropriate):

[orthagh]

Work great so far.
A few places where the new wrapper can also be applied:

• My settings (from top right menu)
• Setup > general > Api (token)

[eduardomozart]

Hello @orthagh,
Thank you for your suggestions. I added the wrapper on the fields you suggested, tested it (also in other screen resolutions) and it's working as expected.

[orthagh]

lgtm