Recurring fixes (#454)

* Fix record violation

and add toggle for recurring feature

* Run only once per sync cycle ( 30 sec )

* FIX params passing

* Add collapsible to recurring section

* FIX preferences error catch

app/javascript/controllers/transactions_section_controller.js

@@ -0,0 +1,96 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["content", "chevron", "button"];
+  static values = {
+    sectionKey: String,
+    collapsed: Boolean,
+  };
+
+  connect() {
+    if (this.collapsedValue) {
+      this.collapse(false);
+    }
+  }
+
+  toggle(event) {
+    event.preventDefault();
+    if (this.collapsedValue) {
+      this.expand();
+    } else {
+      this.collapse();
+    }
+  }
+
+  handleToggleKeydown(event) {
+    // Handle Enter and Space keys for keyboard accessibility
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      this.toggle(event);
+    }
+  }
+
+  collapse(persist = true) {
+    this.contentTarget.classList.add("hidden");
+    this.chevronTarget.classList.add("rotate-180");
+    this.collapsedValue = true;
+    if (this.hasButtonTarget) {
+      this.buttonTarget.setAttribute("aria-expanded", "false");
+    }
+    if (persist) {
+      this.savePreference(true);
+    }
+  }
+
+  expand() {
+    this.contentTarget.classList.remove("hidden");
+    this.chevronTarget.classList.remove("rotate-180");
+    this.collapsedValue = false;
+    if (this.hasButtonTarget) {
+      this.buttonTarget.setAttribute("aria-expanded", "true");
+    }
+    this.savePreference(false);
+  }
+
+  async savePreference(collapsed) {
+    const preferences = {
+      collapsed_sections: {
+        [this.sectionKeyValue]: collapsed,
+      },
+    };
+
+    const csrfToken = document.querySelector('meta[name="csrf-token"]');
+    if (!csrfToken) {
+      console.error(
+        "[Transactions Section] CSRF token not found. Cannot save preferences.",
+      );
+      return;
+    }
+
+    try {
+      const response = await fetch("/transactions/update_preferences", {
+        method: "PATCH",
+        headers: {
+          "Content-Type": "application/json",
+          "X-CSRF-Token": csrfToken.content,
+        },
+        body: JSON.stringify({ preferences }),
+      });
+
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => ({}));
+        console.error(
+          "[Transactions Section] Failed to save preferences:",
+          response.status,
+          errorData,
+        );
+      }
+    } catch (error) {
+      console.error(
+        "[Transactions Section] Network error saving preferences:",
+        error,
+      );
+    }
+  }
+}