Add form field update capability to toggle components

app/components/form_elements/fieldset_toggle_component.html.erb

@@ -1,9 +1,23 @@
-<%= tag.public_send(@tag, class: "flex items-center justify-between py-6") do %>
+<%= tag.public_send @tag, class: "flex items-center justify-between mb-6 last:mb-0",
+      data: @form.present? ? {
+        controller: "settings--toggle",
+        :'settings--toggle-switch-enabled-value' => @enabled.to_s
+      } : nil do %>
   <div class="flex flex-col">
     <label class="font-bold mb-1"><%= @title %></label>
     <p class="text-gray-500"><%= @descripton %></p>
   </div>
   <div class="relative ml-4 inline-flex flex-shrink-0">
-    <%= render FormElements::ToggleComponent.new(enabled: @enabled, input_enabled: @input_enabled) %>
+    <%= render FormElements::ToggleComponent.new(
+          enabled: @enabled,
+          input_enabled: @input_enabled,
+          data: {
+            :'settings--toggle-target' => "button",
+            action: "settings--toggle#toggleSwitch"
+          }) %>
+    <% if @form.present? %>
+      <%= @form.hidden_field @attribute, value: @enabled.to_s,
+            data: { :'settings--toggle-target' => "input" } %>
+    <% end %>
   </div>
 <% end %>