Error message UI rebased to 1448

[cocomarine]

❗ This branch was created by rebasing #1485 to #1483.

Decisions made upon adding pfem v. 0.5.0

• ErrorMessage now optionally includes FriendlyErrorMessage
• Moved ErrorMessage to the bottom of input panel above Run button
  • In mobile screens (MobileProject), when the error is triggered after run, the input panel becomes the selected tab so that users can see the error (if no error triggered, the output panel becomes selected)
  • For Skulpt runner, the logic of showing error when not in output only mode is now removed, keeping the same behaviour of no error in output only mode.
  • For Pyodide runner, a logic for showing error message when in output only mode is now added
    • As in WebcomponentProject.jsx, EditorInput is rendered at all in output only mode, resulting in ErrorMessage displayed only by Output panel of Pyodide
• When there are multiple Python files:
  • An error from main.py shows first.
  • When there are errors only in files other than main.py, they will show (one at a time).
  • Whatever error is shown will stay even when you select other tabs within the input panel.

Screenshots

• When friendly_errors_enabled attribute is set to true:

  • Pyodide

  • Skulpt