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
![screenshot_2022-04-21_14 13 41@2x](https://user-images.githubusercontent.com/1185253/164455698-bd0ba836-27e0-4bcb-b2d0-12d9543e8f8e.png)
Figma
![screenshot_2022-04-21_14 14 29@2x](https://user-images.githubusercontent.com/1185253/164455820-d641e935-0973-4c63-8caf-c519eb64d508.png)
After
![screenshot_2022-04-21_14 14 10@2x](https://user-images.githubusercontent.com/1185253/164455797-1bd489db-4ada-4f68-bf8d-736ff11622cc.png)
Test plan
- Manually tested this locally and compared to Figma
App preview:
Check out the client app preview documentation to learn more.