Rewrite:stepper Fix frontend to be compatible with js-slang rewrite/stepper

[CATISNOTSODIUM]

Description

This PR aims to rewrite the code visualizer for the new stepper (source-academy/js-slang#1742) with new interactive features such as hovering on mu term for function definition. Instead of using React-ace library, this PR implements the code renderer from scratch while maintaining important features such as syntax highlighting and parentheses handling.

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)
• This change requires a documentation update
• Code quality improvements

Remarks

• src/commons/sideContent/content/_SideContentSubstVisualizer.tsx is the previous version. The new version is implemented in src/commons/sideContent/content/SideContentSubstVisualizer.tsx.
• Do not forget to use the link js-slang library at the stepper branch (Rewrite: Stepper js-slang#1742) before starting the frontend.

Checklist

• I have tested this code
• I have updated the documentation

[CATISNOTSODIUM]

It's weird that CI fails right at the format:ci stage. I don't get any errors when running on my machine. Maybe this frontend has to properly link with the rewrite/stepper branch in js-slang before testing.

[CATISNOTSODIUM]

(Not finished)

[coveralls]

Pull Request Test Coverage Report for Build 15603271398

Warning: This coverage report may be inaccurate.

This pull request's base commit is no longer the HEAD commit of its target branch. This means it includes changes from outside the original pull request, including, potentially, unrelated coverage changes.

• For more information on this, see Tracking coverage changes with pull request builds.
• To avoid this issue with future PRs, see these Recommended CI Configurations.
• For a quick fix, rebase this PR at GitHub. Your next report should be accurate.

Details

• 9 of 191 (4.71%) changed or added relevant lines in 3 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.4%) to 30.453%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/commons/sideContent/content/_SideContentSubstVisualizer.tsx	0	83	0.0%
src/commons/sideContent/content/SideContentSubstVisualizer.tsx	8	107	7.48%

Totals
Change from base Build 15551817270:	-0.4%
Covered Lines:	4834
Relevant Lines:	14948

---

💛 - Coveralls

[CATISNOTSODIUM]

I think everything is finalized (except <<, >> feature which we plan to include them later).
However, upon fixing some issues in the frontend, I've found some minor bugs in js-slang repo. Please refer to minor fix from source-academy/js-slang#1761.

[martin-henz]

Tested with a few examples; works well. Implementation is clear. Good to go I think.