Make env yaml accessible in environment details panel

[jonzeper]

Currently it's only available in Edit mode.

view mode:

edit mode:

I'm thinking we can add the same yaml toggle in the view mode as already exists in edit mode. In view mode users should be able to select and copy the yaml but not edit. Might be nice to add a copy to clipboard button.

[dharhas]

A separate problem is the fact that installed version and version constraints are not shown in the 'view' mode. The 'view' and 'edit' mode should really show identical details.

[steff456]

So in order to solve this issue we need,

• Add the YAML toggle in view mode that will switch the user to a file avoiding edits
• Create a button for copying the YAML information to the clipboard
• Add version and version constraints to the view mode

From what I'm seeing right now in the interface, if there's an existent version constraint it is shown in the view mode,

I do have some questions about how the things should look, and I'm not sure if there are preferences for this.

1. The button for copying the YAML information should go in the bottom as the save or cancel button in the view mode?

2. The information for each version and version constraint should look as similar as the edit mode (only text labels)?

[dharhas]

The information for each version and version constraint should look as similar as the edit mode (only text labels)

This is what I would expect.

[trallard]

I do have some questions about how the things should look, and I'm not sure if there are preferences for this.

The button for copying the YAML information should go in the bottom as the save or cancel button in the view mode?

I will defer this to @smeragoel as she will have some sage insights on where to place this best.

I like the "copy button" pattern (see https://sphinx-copybutton.readthedocs.io/en/latest/index.html for an example). I believe a lot of documentation sites and apps use something similar, but I Smera is best to advice on UX