[NV-1405] Add copy functionality for vars in variable manager.

[ainouzgali]

v0.10.0 released our new variable manager (currently implemented only in email editor) there we expose more information about variables that are available for our novu users. Especially about our system variables such as digest related vars, information about subscribers etc.

To make the use even easier, we would like to make a click on the var copy it to the user's clipboard so all he has to do is paste and use.

For example:

A hover on firstName will show a copy icon, a click will copy to clipboard subscriber.firstName

Please notice:

• Should copy the whole variable path.
• Should apply to both 'System Variables' and 'Step Variables'.

Extra Information:

• The wrapping component is VariablesManagement.tsx.
• should be imported from /design-system/icons
• To see an existing example of copy to clipboard you could take a look at NotificationSettingsForm.tsx. We recommend the use of Mantine's useClipboard hook.

_{From SyncLinear.com | NV-1405}

[paolapog]

I'd like to help on this, may I?

[ainouzgali]

@paolapog sure! Thank you :)
Reach out here or over discord if you have any questions