Add scenes tab to performer page

[WithoutPants]

This change adds a set of tabs to the performer page: Details, Edit, Scenes and Operations.

Details and Edit tabs should look like the old page, with the fields only editable in the Edit tab. The Delete and Scrape buttons have been moved into this tab.

The Scenes tab shows a scenes list filtered on the performer.

The Auto Tag button has been moved to Operations.

The only thing I'm really unhappy with for this change is that when the right panel scrolls, then the image scrolls up with it and there is a bunch of empty space on the left. I wanted to make the right panel independently scrollable, but I haven't been able to get the CSS to work correctly for it. It would also have to be compatible with smaller screens as well. To my mind, the

[WithoutPants]

Related to #124 and #108

[bnkai]

Everything seems to function ok.
A cosmetic suggestion , when you switch to the Scenes or Operations tabs it seems a little weird with the performer name missing. Maybe add the performer name there also or keep the performer name above the tabs element?
For the scrolling i get what you mean , i played a little with fixed positioning but it has its problems also...

[WithoutPants]

Marked as WIP while I do another iteration on this to make it more like the mock ups in #124

[WithoutPants]

Changed the layout. Favourite button added to heading, along with the URL link as an icon. Instagram and Twitter not added in as blueprint doesn't have the icons for these. Age and aliases now shown in the header. Tabs moved below the image. Image can be clicked to show a full-screen view.

URL and social links now displayed as actual links:

Edit screen has normal name and alias fields now, and favourite has been removed in favour of the button at the top:

I'm still not super-sold on all the empty space to the right of the image, but we could probably fill it with other details, like number of scenes, performer tags (if/when implemented).

The new performer page still looks like the old version.

[bnkai]

It looks ok to me the only thing if possible is what i mentioned in discord is there a way to split the Tabs so that the the titles go to the right of the performer image while the panel contents go underneath? . Otherwise works/tests ok for me.

[VonTittyslappen]

Looks brilliant! Thank you

Please can you confirm that if you select a field, tab out, tab back in, does it lose focus or keep it?

:)

[WithoutPants]

Confirmed that tabbing out and back does not lose focus on fields.

Blueprint implements tab contents within the tabs object. In order to have the tab headers next to the performer image, the tabs would need to be in a different element than the tab contents. I could probably hack a way around it, but I don't think it's worth it right now. We can re-evaluate with the UI refresh.

[VonTittyslappen]

thanks for confirming mate :)