Move glossary popup to the right

[LeMurphant]

Fix #768, but also adds different features.

For large screens (~1500px wide), move glossary/footnotes popup to the right. This allows a bunch of nice options, like uncropped images.

Also changed logic for showing/hiding popups to reduce popup lag and shrank popup padding. Images are not a good indicator, I suggest trying it out.



Reducing width of window

90% vibe coded to get a feel for it. If we are happy with the result, I will go over the code more closely.

[LeMurphant]

I notice there were previously some image popups on mobile which are now hidden. I think the interface is better when they are absent, open to dissenting opinions.

There is also an issue on mobile where glossary items on the right of the page don't appear.

[LeMurphant]

I don't love this, but my linter kept giving me warnings for some time

[bryceerobertson]

I don't like the image being outside the box. Since Melissa's design had them in the box I think it's best to keep that

[LeMurphant]

Based on discussion with Bryce

• Keep original popup layout
• Make text width fixed, a bit less than right now (keep height constant)
• If there is an image, append this image to the right (extend the box)
• Have the image match the vspace, expand the hspace (to a point)
• Try to keep images square-ish
• Also, have the popup be above if hover at bottom of page
• Add a small delay before popup, half of what wikipedia does
• Try the wikipedia solution of "wide image up top, tall image on right)

[LeMurphant]

Superceded by #986