Improve keyboard shortcuts UX in motor wizard

- Allow single spacebar press to cascade through safety check -> start wizard -> spin motors
- Make spacebar release fully stop wizard (same as Stop Motors button)
- Move keyboard shortcuts tooltip outside SpinningWizard div so it's visible before motors start
- Refactor tooltip to use i18n instead of hardcoded text

This improves discoverability and provides a more intuitive toggle behavior for the spacebar shortcut.

Author: protocol113

src/components/EscDshotDirection/Body.html

@@ -25,16 +25,11 @@ <h4 id="escDshotDirectionDialog-SettingsAutoSaved-Normal" i18n="escDshotDirectio
             </div>
         </div>
         <div id="escDshotDirectionDialog-WizardDialog" class="display-contents">
+            <!-- Keyboard shortcuts tooltip - visible in all wizard states -->
+            <div class="keyboard-shortcuts-tooltip" i18n="escDshotDirectionDialog-KeyboardShortcuts"></div>
+            
             <a href="#" id="escDshotDirectionDialog-SpinWizard" class="regular-button" i18n="escDshotDirectionDialog-SpinWizard"></a>
             <div id="escDshotDirectionDialog-SpinningWizard" class="display-contents">
-                <!-- Keyboard shortcuts tooltip -->
-                <div class="keyboard-shortcuts-tooltip">
-                    <strong>⌨️ Keyboard Shortcuts:</strong>
-                    <span class="shortcut-item"><kbd>Space</kbd> = Spin/Stop Motors</span>
-                    <span class="shortcut-separator">|</span>
-                    <span class="shortcut-item"><kbd>1-8</kbd> = Toggle Direction</span>
-                </div>
-                
                 <h4 id="escDshotDirectionDialog-WizardActionHint" i18n="escDshotDirectionDialog-WizardActionHint"></h4>
                 <h4 id="escDshotDirectionDialog-WizardActionHintSecondLine" i18n="escDshotDirectionDialog-WizardActionHintSecondLine"></h4>
                 <div id="escDshotDirectionDialog-WizardMotorButtons">

src/components/EscDshotDirection/EscDshotDirectionComponent.js

@@ -330,15 +330,15 @@ class EscDshotDirectionComponent {
             event.stopPropagation();
             this._domAgreeSafetyCheckBox.prop("checked", true);
             this._domAgreeSafetyCheckBox.trigger("change");
-            return;
+            // Don't return - allow flow-through to next steps
         }
 
         // Step 2: Start wizard if checkbox is checked and wizard isn't open yet
         if (this._domWarningContentBlock.is(":visible") && this._domAgreeSafetyCheckBox.is(":checked")) {
             event.preventDefault();
             event.stopPropagation();
             this._onStartWizardButtonClicked();
-            return;
+            // Don't return - allow flow-through to spin motors
         }
 
         // Step 3: Spin motors if wizard is open but not spinning yet
@@ -436,7 +436,8 @@ class EscDshotDirectionComponent {
     }
 
     _handleSpacebarRelease() {
-        this._motorDriver.stopAllMotors();
+        // Fully stop wizard (same as clicking "Stop motors" button)
+        this._onStopWizardButtonClicked();
     }
 
     _handleWindowBlur() {