fix: set key as name

frontend/src/components/FieldLayoutEditor.vue

@@ -6,7 +6,7 @@
       <Draggable
         v-if="tabs.length && tabs[tabIndex].label"
         :list="tabs"
-        item-key="label"
+        item-key="name"
         class="flex items-center gap-2"
         @end="(e) => (tabIndex = e.newIndex)"
       >
@@ -66,10 +66,10 @@
         </template>
       </Button>
     </div>
-    <div v-show="tabIndex == i" v-for="(tab, i) in tabs" :key="tab.label">
+    <div v-show="tabIndex == i" v-for="(tab, i) in tabs" :key="tab.name">
       <Draggable
         :list="tab.sections"
-        item-key="label"
+        item-key="name"
         class="flex flex-col gap-5.5"
       >
         <template #item="{ element: section, index: i }">
@@ -123,7 +123,7 @@
               class="flex gap-2"
               :list="section.columns"
               group="columns"
-              item-key="fields"
+              item-key="name"
             >
               <template #item="{ element: column }">
                 <div
@@ -132,7 +132,7 @@
                   <Draggable
                     :list="column.fields"
                     group="fields"
-                    item-key="label"
+                    item-key="name"
                     class="flex flex-col gap-1.5"
                     handle=".cursor-grab"
                   >

frontend/src/components/Modals/SidePanelModal.vue

@@ -39,7 +39,7 @@
           <div v-if="preview" class="flex flex-1 flex-col border rounded">
             <div
               v-for="(section, i) in tabs.data[0].sections"
-              :key="section.label"
+              :key="section.name"
               class="flex flex-col py-1.5 px-1"
               :class="{
                 'border-b': i !== tabs.data[0].sections?.length - 1,
@@ -51,8 +51,8 @@
                 :opened="section.opened"
               >
                 <SidePanelLayout
-                  :fields="section.columns[0].fields"
+                  :fields="section.columns?.[0].fields || []"
-                  :isLastSection="i == section.data?.length - 1"
+                  :isLastSection="i == tabs.data[0].sections?.length - 1"
                   v-model="data"
                 />
               </Section>

frontend/src/components/SidePanelLayout.vue

@@ -5,7 +5,7 @@
   >
     <div
       v-for="field in _fields"
-      :key="field.label"
+      :key="field.name"
       :class="[field.hidden && 'hidden']"
       class="section-field flex items-center gap-2 px-3 leading-5 first:mt-3"
     >

frontend/src/components/SidePanelLayoutEditor.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Draggable :list="sections" item-key="label" class="flex flex-col gap-5.5">
+    <Draggable :list="sections" item-key="name" class="flex flex-col gap-5.5">
       <template #item="{ element: section }">
         <div class="flex flex-col gap-3">
           <div
@@ -56,7 +56,7 @@
             <Draggable
               :list="section.columns?.[0].fields || []"
               group="fields"
-              item-key="label"
+              item-key="name"
               class="flex flex-col gap-1.5"
               handle=".cursor-grab"
             >

frontend/src/pages/Contact.vue

@@ -123,7 +123,7 @@
         <div class="flex flex-col overflow-y-auto">
           <div
             v-for="(section, i) in fieldsLayout.data"
-            :key="section.label"
+            :key="section.name"
             class="flex flex-col p-3"
             :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
           >

frontend/src/pages/Deal.vue

@@ -120,7 +120,7 @@
         <div class="flex flex-col overflow-y-auto">
           <div
             v-for="(section, i) in fieldsLayout.data"
-            :key="section.label"
+            :key="section.name"
             class="section flex flex-col p-3"
             :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
           >

frontend/src/pages/Lead.vue

@@ -173,7 +173,7 @@
         <div class="flex flex-col overflow-y-auto">
           <div
             v-for="(section, i) in fieldsLayout.data"
-            :key="section.label"
+            :key="section.name"
             class="flex flex-col p-3"
             :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
           >

frontend/src/pages/MobileContact.vue

@@ -137,7 +137,7 @@
             <div class="flex flex-col overflow-y-auto">
               <div
                 v-for="(section, i) in fieldsLayout.data"
-                :key="section.label"
+                :key="section.name"
                 class="flex flex-col px-2 py-3 sm:p-3"
                 :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
               >

frontend/src/pages/MobileDeal.vue

@@ -65,7 +65,7 @@
           <div class="flex flex-col overflow-y-auto">
             <div
               v-for="(section, i) in fieldsLayout.data"
-              :key="section.label"
+              :key="section.name"
               class="flex flex-col px-2 py-3 sm:p-3"
               :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
             >

frontend/src/pages/MobileLead.vue

@@ -70,7 +70,7 @@
           <div class="flex flex-col overflow-y-auto">
             <div
               v-for="(section, i) in fieldsLayout.data"
-              :key="section.label"
+              :key="section.name"
               class="flex flex-col px-2 py-3 sm:p-3"
               :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
             >

frontend/src/pages/MobileOrganization.vue

@@ -119,7 +119,7 @@
             <div class="flex flex-col overflow-y-auto">
               <div
                 v-for="(section, i) in fieldsLayout.data"
-                :key="section.label"
+                :key="section.name"
                 class="flex flex-col px-2 py-3 sm:p-3"
                 :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
               >

frontend/src/pages/Organization.vue

@@ -108,7 +108,7 @@
         <div class="flex flex-col overflow-y-auto">
           <div
             v-for="(section, i) in fieldsLayout.data"
-            :key="section.label"
+            :key="section.name"
             class="flex flex-col p-3"
             :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
           >