Fix sentry issues:

- Use handle instead of click
- Clear timeout if component is to be destroyed

components/SpinButton.vue

@@ -31,7 +31,7 @@
   />
 </template>
 <script setup>
-import { ref } from '#imports'
+import { ref, defineAsyncComponent, onBeforeUnmount } from '#imports'
 const { $sentryCaptureException } = useNuxtApp()
 
 const ConfirmModal = defineAsyncComponent(() => import('./ConfirmModal'))
@@ -152,6 +152,8 @@ const onConfirmClosed = () => {
   showConfirm.value = false
 }
 
+onBeforeUnmount(() => clearTimeout(timer))
+
 defineExpose({ handle: onClick })
 </script>
 

pages/unsubscribe/[[id]].vue

@@ -31,7 +31,7 @@
                     icon-name="trash-alt"
                     label="Leave this community"
                     class="mt-2"
-                    @click="leave"
+                    @handle="leave"
                   />
                 </div>
               </div>