fix: use wheel event (fix firefox)

Author: Akryum

packages/app-frontend/src/features/header/AppHeaderSelect.vue

@@ -174,7 +174,7 @@ export default {
       <div
         @mouseenter="queueOpen()"
         @mouseleave="queueClose()"
-        @mousewheel="onMouseWheel"
+        @wheel="onMouseWheel"
         @click.capture="toggle()"
       >
         <slot name="trigger">
@@ -199,7 +199,7 @@ export default {
         class="flex flex-col"
         @mouseenter="queueOpen()"
         @mouseleave="queueClose()"
-        @mousewheel="onMouseWheel"
+        @wheel="onMouseWheel"
       >
         <VueDropdownButton
           v-for="(item, index) of items"

packages/app-frontend/src/features/timeline/TimelineView.vue

@@ -571,6 +571,7 @@ export default {
 
       if (event.ctrlKey || event.metaKey) {
         // Zoom
+        // Firefox doesn't block the event https://bugzilla.mozilla.org/show_bug.cgi?id=1632465
         event.preventDefault()
 
         const centerRatio = event.offsetX / viewWidth
@@ -668,7 +669,7 @@ export default {
   <div
     ref="wrapper"
     class="relative overflow-hidden"
-    @mousewheel="onMouseWheel"
+    @wheel="onMouseWheel"
     @mousemove="onMouseMove"
     @mouseout="onMouseOut"
   >