👈 Disable hover modifier for mobile in HashLink

[agoose77]

This simple PR adds a [@media(hover:hover)] modifier to the class-names for HashLink instances that use hover. The following components are affected:

• Heading
• SolutionRenderer
• References
• Footnotes
• Abstract
• Bibliography
• Backmatter
• Keywords

This PR was motivated by #513, but I think the same logic holds -- our mobile site should not lose interactivity. It does change the aesthetics, though:

Screenshots

Forgive the HiDPI images -- I was already playing around with this PR on mobile.

[changeset-bot]

🦋 Changeset detected

Latest commit: b427284

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 14 packages

Name	Type
myst-to-react	Patch
@myst-theme/providers	Patch
@myst-theme/frontmatter	Patch
@myst-theme/diagrams	Patch
@myst-theme/jupyter	Patch
@myst-theme/site	Patch
@myst-theme/styles	Patch
@myst-theme/common	Patch
@myst-theme/icons	Patch
@myst-theme/search	Patch
@myst-theme/search-minisearch	Patch
@myst-theme/book	Patch
@myst-theme/article	Patch
myst-demo	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[rowanc1]

Not sure I totally love the pilcrows showing up everywhere, I think they do take away from the readability?

The footnotes are a loss of functionality for sure. The hashes on titles etc are a much more advanced feature (i.e. you are wanting to share a link to that section from mobile).

Thoughts on not enabling them?

At the least, we should have an additional option in the component or hover: boolean | 'desktop' that enables the current behaviour.