refactor(danger-button): update progress handling logic to use resetProgress method

Replace stopProgress method with resetProgress to streamline progress bar management. This change enhances event handling for mouse and touch interactions, ensuring consistent behavior across different input types.

Author: andy1li

app/components/danger-button-with-timed-confirmation.hbs

@@ -2,11 +2,11 @@
   class="relative border-0 overflow-hidden"
   {{! template-lint-disable no-pointer-down-event-binding }}
   {{on "mousedown" this.startProgress}}
-  {{on "mouseleave" this.stopProgress}}
-  {{on "mouseup" this.stopProgress}}
+  {{on "mouseleave" this.resetProgress}}
+  {{on "mouseup" this.resetProgress}}
   {{on "touchstart" this.startProgress}}
-  {{on "touchcancel" this.stopProgress}}
-  {{on "touchend" this.stopProgress}}
+  {{on "touchcancel" this.resetProgress}}
+  {{on "touchend" this.resetProgress}}
   ...attributes
 >
   {{yield}}

app/components/danger-button-with-timed-confirmation.ts

@@ -26,10 +26,17 @@ export default class DangerButtonWithTimedConfirmation extends Component<Signatu
     return htmlSafe(`width: ${this.progressWidth}%`);
   }
 
+  @action
+  resetProgress() {
+    this.shouldShowProgressBar = false;
+    this.progressWidth = 0;
+    clearInterval(this.progressInterval);
+  }
+
   @action
   startProgress(event: Event) {
     event.preventDefault(); // Prevent menu from popping up, which triggers touchend
-    this.stopProgress();
+    this.resetProgress();
 
     this.shouldShowProgressBar = true;
     const intervalDelay = config.environment === 'test' ? 1 : 30;
@@ -45,13 +52,6 @@ export default class DangerButtonWithTimedConfirmation extends Component<Signatu
       }
     }, intervalDelay);
   }
-
-  @action
-  stopProgress() {
-    this.shouldShowProgressBar = false;
-    this.progressWidth = 0;
-    clearInterval(this.progressInterval);
-  }
 }
 
 declare module '@glint/environment-ember-loose/registry' {