Add a "copy" icon to copy the reference text used in the document type/reference MCL

Purpose:
It is sometimes useful to be able to copy the text of a Reference for a document (whether a Supplementary Document in an Agreement or the Supplementary Documents or Core documents in Licenses)

User story statement(s):

As an ERM Librarian
I want copy the text of a document reference
so that I can paste it into another application

Scenarios:

1. Scenario:
   • Given an agreement with linked documents
   • When I view the Supplementary document accordion in the agreement
   • Then for each row in the type/reference MCL I see a column with a copy icon in it
2. Scenario:
   • Given the Supplementary document accordion in the agreement
   • When I click the copy icon in the type/reference MCL
   • Then the text content of the Reference column is copied to the clipboard
3. Scenario:
   • Given a license with core documents
   • When I view the Core document accordion in the license
   • Then for each row in the type/reference MCL I see a column with a copy icon in it
4. Scenario:
   • Given the Core document accordion in the license
   • When I click the copy icon in the type/reference MCL
   • Then the text content of the Reference column is copied to the clipboard
5. Scenario:
   • Given a license with supplementary documents
   • When I view the Supplementary document accordion in the license
   • Then for each row in the type/reference MCL I see a column with a copy icon in it
6. Scenario:
   • Given the Supplementary document accordion in the license
   • When I click the copy icon in the type/reference MCL
   • Then the text content of the Reference column is copied to the clipboard

Other information:
A 'clipboard' icon already exists and is used in other places in Folio. e.g. in the Inventory items display

<button icon="clipboard" type="button" class="iconButton---SYX1I interactionStylesControl---e1lwD" aria-label="clipboard"><span class="iconButtonInner---g0m5V interactionStyles---eaRy_"><span class="icon---Iv6r5 icon---L3cCS" role="presentation"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="stripes__icon icon-clipboard medium---jNVX7" focusable="false"><path d="M15.3 21.7H9.9c-.3 0-.7.1-.9.4-.2.2-.3.5-.3.7 0 .6.6 1.1 1.2 1.1h5.4c.3 0 .6-.1.9-.4.2-.2.3-.5.3-.7 0-.3-.1-.5-.3-.7-.2-.2-.5-.4-.9-.4z"></path><path d="M25.5 6H23v-.1c0-1.1-.9-1.9-1.9-1.9h-1.8v-.3c0-1.8-1.4-3.2-3.2-3.2S12.8 2 12.8 3.7v.2H11c-1.1 0-2 .9-2 2V6H6.5c-.7 0-1.2.6-1.2 1.1v23.2c0 .6.5 1.2 1.2 1.2h19.1c.6 0 1.2-.5 1.2-1.2V7.1c-.1-.6-.6-1.1-1.3-1.1zM11 10.4h10c1.1 0 1.9-.9 1.9-1.9v-.2h1.4v20.8H7.6V8.3H9v.1c0 1.1.9 2 2 2zm4.1-6.7c0-.5.4-.9.9-.9s.9.4.9.9v1.4c0 .6.5 1.2 1.2 1.2h2.6V8h-9.2V6.3H14c.6 0 1.2-.5 1.2-1.2V3.7z"></path><path d="M22.1 17.3H9.9c-.3 0-.7.1-.9.4-.2.2-.3.5-.3.7 0 .6.6 1.1 1.2 1.1h12.3c.3 0 .6-.1.9-.4.2-.2.3-.5.3-.7 0-.3-.1-.5-.3-.7-.3-.3-.7-.4-1-.4zM8.7 13.9c0 .6.6 1.1 1.2 1.1h12.3c.3 0 .6-.1.9-.4.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.5-.3-.9-.4H9.9c-.3 0-.7.1-.9.4-.2.2-.3.5-.3.7z"></path></svg></span></span></button>

The story specifies putting this in a separate column in the MCL, but it could instead be simply at the end of the text field if that proves easier.

Inventory implementation code: https://github.com/folio-org/ui-inventory/blob/6c1b77dcec28b858a9666b54e7a49e884fe9d733/src/Instance/ItemsList/ItemBarcode.js#L58-L66
Using "CopyToClipboard"

Note that Orders implementation uses a stripes smart components https://github.com/folio-org/ui-orders/blob/master/src/components/POLine/POLineDetails/POLineDetails.js#L8
https://github.com/folio-org/stripes-smart-components/tree/master/lib/ClipCopy