Math Equation Output Formatting Is Incorrect / Not Rendering Properly

[Dsp023]

The math equation output in the app is not rendered in a proper or readable format. Mathematical expressions appear as plain text, with incorrect spacing, misaligned symbols, and no LaTeX-style formatting. This makes equations hard to read, especially for users expecting clean mathematical notation.

Steps to Reproduce

1. Enter a prompt that generates a math expression (e.g., “Explain the quadratic formula”).

2. View the equation in the output.

Actual Behavior

Equations display as raw text instead of formatted math.

Superscripts, subscripts, symbols, and fractions are not rendered properly.

Complex expressions appear broken or cluttered.

Expected Behavior

Math expressions should be displayed with proper math rendering (KaTeX/MathJax style).

Superscripts, subscripts, fractions, and symbols should be formatted and aligned correctly.

Overall output should be clean, readable, and consistent.

Suggested Fix

Add or fix the math rendering library (recommended: KaTeX or MathJax).

Ensure API responses containing LaTeX are parsed and rendered instead of shown as plain text.

Support both inline $...$ and block $$...$$ equations.