New reference panel: first stab at polishing according to Figma
Created by: mrnugget
This is the first pass to port this Figma to the reference panel.
This is all the typography/margin/padding/sizing changes.
Reordering of the components so that filter/token are "inside" the left pane I will do in follow-up.
This also includes a tiny fix for a regression when creating URLs for search-based results.
Before

Figma

After

Test plan
- Manually tested this locally and compared to Figma
App preview:
Check out the client app preview documentation to learn more.