Clipboard component for copying PUID's

[joshsadam]

What does this PR do and why?

Describe in detail what your merge request does and why.

I created a clipboard view component with stimulusjs controller that allows copying to the clipboard of a specified value with the click of a button. This will help standardize this across all views.

This was added to:

1. Page Header component on the attribute id
2. Groups dashboard page, every group puid can be copied

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other pull requests.

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

1. Go to the groups dashboard page
2. On any row click on the copy to clipboard button
3. Assert that the Copied tooltip was displayed
4. Try to paste the value somewhere, it should be the puid from the row.

PR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the PR acceptance checklist for this PR.

[github-actions]

Code Metrics Report

Coverage	Test Execution Time
93.1%	7m55s

Code coverage of files in pull request scope (100.0%)

Files	Coverage
app/components/clipboard_component.html.erb	100.0%
app/components/clipboard_component.rb	100.0%
app/components/namespace_tree/row/row_contents_component.html.erb	100.0%
app/components/puid_component.html.erb	100.0%
app/components/puid_component.rb	100.0%
app/components/token_component.html.erb	100.0%
app/components/token_component.rb	100.0%
app/components/viral/page_header_component.html.erb	100.0%
app/views/groups/bots/_access_token_section.html.erb	100.0%
app/views/profiles/personal_access_tokens/_access_token_section.html.erb	100.0%
app/views/projects/bots/_access_token_section.html.erb	100.0%
app/views/shared/project/_row.html.erb	100.0%

---

Reported by octocov

[ericenns]

This looks awesome! No comments from me.