Add debouncing on filtering

Author: acoumb

src/Umbraco.Cms.Integrations.Crm.ActiveCampaign/Client/src/modal/activecampaign-forms-modal.element.ts

@@ -32,6 +32,8 @@ export default class ActiveCampaignFormsModalElement
     @state()
     _searchQuery = "";
 
+    #filterTimeout?: NodeJS.Timeout;
+
     constructor() {
         super();
 
@@ -83,9 +85,15 @@ export default class ActiveCampaignFormsModalElement
         query = query.toLowerCase();
         this._searchQuery = query;
 
-        console.log('Filter query:', this._searchQuery);
+        // Clear existing timeout
+        if (this.#filterTimeout) {
+            clearTimeout(this.#filterTimeout);
+        }
 
-        await this.#loadForms(this._currentPageNumber, this._searchQuery);
+        this.#filterTimeout = setTimeout(async () => {
+            this._currentPageNumber = 1;
+            await this.#loadForms(this._currentPageNumber, this._searchQuery);
+        }, 2000);
     }
 
     async #onPageChange(event: UUIPaginationEvent) {