refactor: better event listener cleanup (#279)

* refactor: change hires loader function name

* feat: add loading transition animation and improve performance

* refactor: refactor gallery creation and update functions

* feat: create createDivWithClass utility function

* feat: refactor abort signal handling in event listener and promise chain

- Add functionality to set up an abort controller for cleanup
- Add an event listener to abort the controller when necessary
- Modify event listener to include the abort signal
- Modify promise chain to include the abort signal

assets/ts/globalUtils.ts

@@ -32,6 +32,13 @@ export function removeDuplicates<T>(arr: T[]): T[] {
   return [...new Set(arr)]
 }
 
+export function createDivWithClass(className: string): HTMLDivElement {
+  const div = document.createElement('div')
+  if (className === '') return div // optimization
+  div.classList.add(className)
+  return div
+}
+
 /**
  * custom "reactive" object
  */