Enable copying DagRun JSON to clipboard

[bdsoha]

Enable copying DagRun JSON details to the clipboard.

[pierrejeambrun]

Hello @bdsoha,

Good idea,

When copying a line, there is a green tick that appears for 5.5 seconds, this green tick is not inline and makes the formatting jump when you hover it, I find this weird. (it appears bellow the copied line)

Seems similar to mac-s-g/react-json-view#241 but only when you already have copied something to the clipboard.

Maybe that's just me, but I whish the green tick was on the same line.

[bdsoha]

@pierrejeambrun Is there a reason why this specific package is being used?
It hasn't been updated in over 2 years.

[bbovenzi]

@pierrejeambrun Is there a reason why this specific package is being used? It hasn't been updated in over 2 years.

Probably because we added it almost 2 years ago back when the package was still being updated.

[bdsoha]

@bbovenzi Could @textea/json-viewer be a possible replacement?

The Acknowledgments section states:

This package is originally based on mac-s-g/react-json-view.

[bdsoha]

@pierrejeambrun @bbovenzi I added the copy functionality with the useClipboard hook from Chakra.

I added a screenshot in the description.

[bbovenzi]

Yeah, that looks like a good library we could update to after this PR.

Left one small change we need to make in order for linting to pass.

[bdsoha]

@bbovenzi Static checks passed.

[bbovenzi]

nice work!