Equations not wrapping on small screens and conflict with equation numbers

[AdamGohs]

On smaller screen / reduced width of screen, equations run into the numbering. i.e., the (82)

[AdamGohs]

Fixed in commit 03a7745.

Changes:

• Equation numbers are now rendered as a separate flex item instead of using KaTeX's \tag{} (which used absolute positioning and overlapped long equations)
• Long equations that exceed their container width are automatically scaled down to fit using transform: scale() via a ResizeObserver
• Added contain: inline-size to equation containers to prevent KaTeX content from inflating page width on mobile/tablet viewports (also fixes a pre-existing horizontal overflow issue on narrow screens)

Files changed: src/components/Equation.js, src/components/EquationNoRef.js, src/css/equation.css