refactor: use @vueuse/core useEventListener composable in order to remove listeners easier

[sadeghbarati]

Close #1182

Feel free to change the commit message when you want to squash it 😬

---

Vue Playground for showing useEventListener removing events correctly when the component is unmounted or compostables scopes disposed

To test this playground, Move useEventListener inside watchEffect with if or inside forEach or inside bruh function xd

[sadeghbarati]

Only these files use the native addEventListener function, which I'm not sure how to use useEventListener composable there, please check them out and give me a tip, thanks.