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 15575234917

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