Update elements nesting

Option values table was not meant to be nested inside the form.

Author: chaimann

admin/app/components/solidus_admin/option_types/edit/component.html.erb

@@ -8,13 +8,15 @@
       <% end %>
     <% end %>
 
-    <%= form_for @option_type, url: form_url, html: { id: form_id, class: "flex flex-col gap-4" } do |f| %>
-      <%= render component("ui/panel").new(title: t(".panels.option_type.title")) do |panel| %>
-        <% panel.with_section(class: "flex flex-col gap-4") do %>
-          <div class="flex gap-4 w-full">
-            <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
-            <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
-          </div>
+    <div class="flex flex-col gap-4">
+      <%= form_for @option_type, url: form_url, html: { id: form_id } do |f| %>
+        <%= render component("ui/panel").new(title: t(".panels.option_type.title")) do |panel| %>
+          <% panel.with_section(class: "flex flex-col gap-4") do %>
+            <div class="flex gap-4 w-full">
+              <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
+              <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
+            </div>
+          <% end %>
         <% end %>
       <% end %>
 
@@ -25,10 +27,10 @@
 
         <% panel.with_action(name: t(".panels.option_values.add"), href: "#") %>
       <% end %>
-    <% end %>
 
-    <%= page_footer do %>
-      <%= render component("ui/button").new(text: t(".save"), form: form_id) %>
-    <% end %>
+      <%= page_footer do %>
+        <%= render component("ui/button").new(text: t(".save"), form: form_id) %>
+      <% end %>
+    </div>
   <% end %>
 <% end %>