Add easy mode

[Thiemann96]

First draft for the easy mode.

Select the level 1 in the navbar and check out easy mode

[github-actions]

Tests

Test Name	Status	Flaky	Duration
Blockly Editor Page Tests [Blockly] visits the editor page	✅		1.2s
Blockly Editor Page Tests [Blockly] visits the tutorial page	✅		168ms
Blockly Editor Page Tests [Blockly] visits the gallery page	✅		124ms
Blockly Editor Page Tests [Blockly] visits the faq page	✅		123ms
Blockly Editor Page Tests [Blockly] visits the settings page	✅		121ms
Blockly Editor Page Tests [Blockly] visits the login page	✅		118ms
Blockly Editor Page Tests [Blockly] navigates to tutorial and back	✅		9.7s
Blockly Editor Page Tests [Blockly] selects senseBox ESP	✅		532ms
Blockly Editor Page Tests [Blockly] selects senseBox MCU	✅		583ms
Blockly Editor Page Tests [Blockly] selects senseBox Mini	✅		550ms
Blockly Editor Page Tests [Blockly] compiles code	❌		31.2s
Code Editor Page Tests [CodeEditor] visits the code editor page	✅		1.6s
Code Editor Page Tests [CodeEditor] selects senseBox ESP	✅		528ms
Code Editor Page Tests [CodeEditor] compiles code	✅		634ms
Code Editor Page Tests [CodeEditor] opens reset dialog	✅		647ms
Code Editor Page Tests [CodeEditor] fetches libraries	✅		2.6s

Github Test Reporter by CTRF 💚

[github-actions]

Tests

Test Name	Status	Flaky	Duration
Blockly Editor Page Tests [Blockly] visits the editor page	✅		1.0s
Blockly Editor Page Tests [Blockly] visits the tutorial page	✅		169ms
Blockly Editor Page Tests [Blockly] visits the gallery page	✅		127ms
Blockly Editor Page Tests [Blockly] visits the faq page	✅		133ms
Blockly Editor Page Tests [Blockly] visits the settings page	✅		130ms
Blockly Editor Page Tests [Blockly] visits the login page	✅		129ms
Blockly Editor Page Tests [Blockly] navigates to tutorial and back	✅		11.8s
Blockly Editor Page Tests [Blockly] selects senseBox ESP	✅		2.5s
Blockly Editor Page Tests [Blockly] selects senseBox MCU	✅		609ms
Blockly Editor Page Tests [Blockly] selects senseBox Mini	✅		4.4s
Blockly Editor Page Tests [Blockly] compiles code	❌		31.3s
Code Editor Page Tests [CodeEditor] visits the code editor page	✅		1.5s
Code Editor Page Tests [CodeEditor] selects senseBox ESP	✅		469ms
Code Editor Page Tests [CodeEditor] compiles code	✅		608ms
Code Editor Page Tests [CodeEditor] opens reset dialog	✅		605ms
Code Editor Page Tests [CodeEditor] fetches libraries	✅		1.3s

Github Test Reporter by CTRF 💚

[mariopesch]

@Thiemann96 one quick notice. We are already using redux for state management. So we should not use zustand additionally.

[github-actions]

Tests

Test Name	Status	Flaky	Duration
Blockly Editor Page Tests [Blockly] visits the editor page	✅		963ms
Blockly Editor Page Tests [Blockly] visits the tutorial page	✅		164ms
Blockly Editor Page Tests [Blockly] visits the gallery page	✅		128ms
Blockly Editor Page Tests [Blockly] visits the faq page	✅		118ms
Blockly Editor Page Tests [Blockly] visits the settings page	✅		131ms
Blockly Editor Page Tests [Blockly] visits the login page	✅		117ms
Blockly Editor Page Tests [Blockly] navigates to tutorial and back	✅		9.9s
Blockly Editor Page Tests [Blockly] selects senseBox ESP	✅		535ms
Blockly Editor Page Tests [Blockly] selects senseBox MCU	✅		657ms
Blockly Editor Page Tests [Blockly] selects senseBox Mini	✅		1.0s
Blockly Editor Page Tests [Blockly] compiles code	✅		15.1s
Code Editor Page Tests [CodeEditor] visits the code editor page	✅		1.4s
Code Editor Page Tests [CodeEditor] selects senseBox ESP	✅		463ms
Code Editor Page Tests [CodeEditor] compiles code	✅		609ms
Code Editor Page Tests [CodeEditor] opens reset dialog	✅		623ms
Code Editor Page Tests [CodeEditor] fetches libraries	✅		1.5s

Github Test Reporter by CTRF 💚

[Thiemann96]

@Thiemann96 one quick notice. We are already using redux for state management. So we should not use zustand additionally.

I agree. We should make more use of state management. There are too many this.props. ... in the code. AFAIK we do not once use the getPlatform() function, but rather pass it down as props