Add Storybook stories for remaining PT sidebar/toolbar panels

[eumalin]

Storybook

Storybook stories for the rest of PT's sidebar/toolbar panels. In #232 I got Storybook bootstrapped and did the Panel component as a proof of concept. This PR covers the actual panels: ViewerToolbar, SharePanel, MetadataPanel, AccessStatusPanel, DownloadPanel, SearchInItemPanel, JumpToSectionPanel, GetThisItemPanel, and CollectionsPanel. That's all nine things that live in the #controls accordion plus the toolbar. AI assisted

Screenshots

ViewerToolbar:

SharePanel:

MetadataPanel:

AccessStatusPanel (emergency access variant):

DownloadPanel:

SearchInItemPanel:

JumpToSectionPanel:

GetThisItemPanel:

CollectionsPanel:

How to check it out

docker compose --profile storybook up

or locally from pt/web/firebird: npm run storybook.

[carylwyatt]

This looks so great!

We tried to use svelte story syntax when we first added storybook to firebird back in 2023, but it was such a mess and I've never tried again. 🙈 I love to see it here in page turner, and I hope it wasn't a giant pain in the ass.

Speaking of pains in the ass, I see you implemented some method mocks of the HT global in the manifest decorator (lots of functionality depends on that global!). We have a PingCallbackDecorator in firebird which does a lot of similar things in case you need some of these in the future. https://github.com/hathitrust/firebird-common/blob/main/src/js/decorators/PingCallbackDecorator.svelte

This is such a great starting place for these stories, and I know we will use them as we flesh out the design system in the future. Thank you so much!