Attempt to fix markdown KaTeX rendering issue

[Jonathan2k19]

Description

Disclaimer: I only tested this with the math shown in the description of /jobs/b6187b88-a423-4ab4-94d2-e7eba2b0bd25. It might be that this doesn't work on other sites.

Markdown KaTeX (i.e. math) didn't render correctly for the above-mentioned job.
Relevant input:

math: $e^{\pi i}=-1$
$$\sum_{i=1}^\infty i = -rac 1{12}$$

Relevant output:

There were a few problems:

• The job description seems to contain a unicode character in the description just before rac, which caused the shown error.
  • I tried to fix this by cleaning the tex input before passing it to katex.renderToString.
• The markdown.ts file only checked for display math which is surrounded by $$, but not for inline math which is surrounded by $.
  • I tried to fix this by rewriting a bit of logic and passing { displayMode: isDisplayMath } to katex.renderToString.
• The markdown.ts file didn't contain the katex.min.css. This can cause KaTeX to render two outputs (see this discussion).
  • I imported the said CSS.

Now, the output to the above input looks like:

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Translation updates (fix/improve or add new translations)

Related to Bootstrap-Academy/Bootstrap-Academy#76

My Bootstrap Academy username: jonathan123456789

[TheMorpheus407]

This PR implements KaTeX support across various sections—specifically, for Jobs and Challenges, as demonstrated by the following links:

• Jobs Example
• Challenges Example

Currently, KaTeX rendering does not function as expected in Quizzes, which can be seen here.

If you could update to include quizzes with multiline support as well, we can merge :)

[Jonathan2k19]

Hi,
I tried to fix KaTeX for quizes as well.

Before: see here
After: see here

I'm not sure if I understood what you meant with "multiline support" correctly.
I interpreted it as "don't truncate the line with ... if the content exceeds the length" as done previously due to the class="... clamp line-2":

[TheMorpheus407]

Seems to be working quite well :) Code is good as well. @Defelo please review and merge if okay

[Defelo]

On the challenges page KaTeX rendering still seems to be missing:

[github-actions]

Preview deployed to https://f9326442.academy-preview.pages.dev (total size: 15M)

[Jonathan2k19]

On the challenges page KaTeX rendering still seems to be missing:

Yeah, I missed that one... Should work now, see here.