Show stash-ids with their endpoint

[WithoutPants]

Changes the display of stash-ids to show their endpoint. Currently shows as pill, but open to changing this based on feedback.

The component includes the endpoint name as the value for data-endpoint, so the colours can be customised per endpoint using custom css.

Examples:

[IAmKontrast]

I prefer a cleaner and less conspicuous look like this.

(second trash bin is mouse-over)

If somebody looking for the same style changes, add following to Custom CSS:

Stash IDs
.stash-id-pill * { background-color: transparent!important; font-weight: 400; }
For endpoint separating use .stash-id-pill[data-endpoint="<endpoint name e. g. StashDB>"] * instead

Delete buttons
button[title="Delete Stash ID"] { padding: .375rem .375rem; background-color: transparent; border-color: transparent; }