web: sidebar collapse/expand toggle

[bshore]

Relates to #5771 (comment)

This introduces the Proof of Concept collapsible Sidebar mentioned in the linked comment.

[nicks]

thanks for prototyping this up. a couple UI observations:

• the hamburger menu is pretty dark, usually our icons are white
• there's not any way to tell what service you're on when you're in this mode
• currently the sidebar is draggable, and this feature interacts weirdly with the dragger (see screenshot)

one idea we had played around with was using icons instead of names for each service (auto-assigning icons in some deterministic order)

what do you think of triggering the collapsed mode when you drag the sidebar "left" of a current point?

[bshore]

• Fixes hamburger menu icon color (I use a dark reader extension so I didn't even notice 😅 )
• Adds a title row when sidebar is collapsed
• Adds a dragger breakpoint to fix the weirdness when expanding, and will auto-collapse when dragging to the left (upon releasing)
  • There's still a little bit of weirdness when expanding from fully collapsed, but once the breakpoint is hit, all resources come back
• Re: Icons - I'd love to give this a shot, maybe not in this PR but in a follow-up?

[nicks]

LGTM

i'm not so sure about the expand/collapse icons, but can think more about what they should be

ya, the service icons was kind of a silly idea that i thought would fit in well with some of your earlier explorations