Disable the step button when the user edits running code

[JillianK]

Disables the "step" buttons (step into, step out of, step over) in AppLab and GameLab if the user makes an edit to their code while it's running.

AppLab:

GameLab

Message for disabled buttons that shows up on hover:

Background

Note that this is a branch off of this PR to reuse logic that recognizes code changes while code is running.

Links

• spec
• jira
• PR this is branching off of

Testing story

Reviewer Checklist:

• Tests provide adequate coverage
• Code is well-commented
• New features are translatable or updates will not break translations
• Relevant documentation has been added or updated
• User impact is well-understood and desirable
• Pull Request is labeled appropriately
• Follow-up work items (including potential tech debt) are tracked and linked

[jmkulwik]

Playing through a level, it feels unclear to me why stepping is disabled sometimes and enabled other times. In addition to the popup at the bottom of the coding workspace, we need something in the debugger space. I'd suggest adding a title or a tooltip to the buttons and changing the debugger header to the lighter purple that's being used in the workspace. It might be nice to take it a step further and add an overlay to the debugger space and gray out the debugger background.

[jmkulwik]

Nice work!! 🎉 The message over the buttons is super helpful