Add crop fingerprint chart

[mwbernard]

Closes #12

This is a first pass at the crop fingerprints going off some of the comments in figma

Having a little trouble figuring out where to put all the labels on what ends up being a pretty small chart, and some of the lables are pretty long. I also don't love having sideways / upside down labels. So wondering if something along these lines (but more polished) would work, with category labels color coded, and metric labels appearing on hover.

I also think this implementation of the benchmark figures needs some work, and it might make sense to go back to the lines that agmip uses in their charts.

without any hover:

when you're looking at a benchmark crop and hovering:

when you're looking at a non-benchmark crop and hovering:

[mwbernard]

@kelsey-taylor cool, just updated colors and design a bit on guidance from caroline. gonna merge this