Enhancements Hacking Instructor [🚀]

Possible enhancements for the Hacking Instructor

1. Are the tutorial scripts part of the main.js? This would allow e.g. CTF-participants to very easily cheat even when the tutorial mode is turned off via configuration. Could scripts be lazily loaded from server be an option?
2. Translatable tutorial texts! Texts would have to be loaded from e.g. CrowdIn (which would make them less easy to write and deploy due to that additional dependency) but this might increase the beginner friendliness even more. There should be one folder per tutorial in i18n so the JSON files do not get mixed up too easily. Dropped until more scripts are available and stable enough.
3. Configurable helper avatar! Custom themes could use the angry wasp, original Clippy or any other image.
4. Apply theme color scheme to the text bubble.
5. Click-to-fill convenience feature! Click on e.g. the payload to automatically put that value into the expected input field. Avoids accidentally skipping a step when trying to copy&paste a payload from the speech bubble.

(Initial collection extracted from https://github.com/bkimminich/juice-shop/issues/440#issuecomment-499364688)

[J12934]

I can look into making it load lazily. Also not quite sure how to best do it in Angular, but might just work with the default webpack lazy loading mechanisms (Using import('...') instead of the import keyword) as the Hacking Instructor is mostly angular independent.

[github-actions[bot]]

This thread has been automatically locked because it has not had recent activity after it was closed. 🔒 Please open a new issue for regressions or related bugs.