Make ambassador cards shiny

[farrenr]

Resolves #67

• Used react-parallax-tilt to create tilt and shine effects on ambassador cards.
• Added respective user setting to disable card effects.

[MattIPv4]

👋 Looking great, but there are a few issues I noticed:

[MattIPv4]

The only remaining issue looks to be that the tooltip on conservation status is now showing in the middle of nowhere?

[farrenr]

Good spot! Let me take a look

[MattIPv4]

👋 @farrenr checking in if you had a chance to look at this?

[farrenr]

Hey! Apologies on taking a while with this, I've been a bit stuck on the last issue with the tooltip but I'm looking at it today

[pjeweb]

I think it looks very cool, but I think it could be a bit smoother. The problem with it resetting on the edges and flickering seems to be inherent to the library: https://imgur.com/6nkHLFe

I think with increasing the transition speed to like 5s or so it gets a lot smoother overall, especially when leaving the card as it does not "snap" back to quickly.

I also think the glare could be less or the font contrast gets too low. Its already not the best contrast. Maybe reducing the opacity to 30% could work.

Another thing i noticed, we do have a checkbox to disable the effect. Is there any way to also disable it when prefers-reduced-motion is active? Not sure how to handle the two - maybe just make the checkbox readonly with a note ("disabled due to browser preferences") or hide the checkbox completely?