Breakpoint frontend (#3702)

* stepper: add breakpoint navigation

* Fix formatting in stepper breakpoint navigation

* Fix syntax highlighting in mobile stepper

* Remove unrelated changes from breakpoint PR

* Handles Breakpoints

Co-Authored-by: Kin Chong wongkinchong75@gmail.com

* Handles Breakpoints

Co-Authored-by: Kin Chong wongkinchong75@gmail.com

* Fix Formatting issues

* Reverting js-slang

* fix issues

* bumping js-slang to get the breakpoints to work in stepper

* Addressing gemini-bot

* Addressing integrity issues

---------

Co-authored-by: wkc75 <wongkinchong75@gmail.com>
Co-authored-by: Martin Henz <henz@comp.nus.edu.sg>

Author: 3 people

README.md

@@ -29,7 +29,6 @@ The Source Academy (<https://sourceacademy.org/>) is an immersive online experie
    > We recommend using `corepack` to manage the version of `yarn`, you may simply run `corepack enable` to complete this step.
 
 1. Run `yarn install` to install dependencies.
-
    - If you are on Ubuntu and encounter the error message: `No such file or directory: 'install'`, you might be running the incorrect "yarn" from the cmdtest testing suite instead of the JavaScript package manager of the same name. Refer to this [StackOverflow post](https://stackoverflow.com/questions/46013544/yarn-install-command-error-no-such-file-or-directory-install).
    - If you are on the new M1 or M2 Mac chips, and encounter an error while installing `canvas`, refer to [this documentation](https://github.com/Automattic/node-canvas/wiki/Installation:-Mac-OS-X#homebrew) to install the requisite dependencies first.
 

package.json

@@ -69,7 +69,7 @@
     "immer": "^9.0.21",
     "java-slang": "^1.0.13",
     "js-cookie": "^3.0.5",
-    "js-slang": "^1.0.88",
+    "js-slang": "^1.0.89",
     "js-yaml": "^4.1.0",
     "konva": "^10.0.0",
     "lodash": "^4.17.21",