refactor: improve code readability and formatting in template builder and field components

Author: caio-pizzol

src/defaults/FieldList.tsx

@@ -136,7 +136,8 @@ export const FieldList: React.FC<FieldListProps> = ({
                         fontSize: "10px",
                         padding: "2px 6px",
                         borderRadius: "4px",
-                        background: field.mode === "block" ? "#dbeafe" : "#f3f4f6",
+                        background:
+                          field.mode === "block" ? "#dbeafe" : "#f3f4f6",
                         color: field.mode === "block" ? "#1e40af" : "#4b5563",
                         fontWeight: "500",
                       }}

src/defaults/FieldMenu.tsx

@@ -189,7 +189,14 @@ export const FieldMenu: React.FC<FieldMenuProps> = ({
               fontSize: "13px",
             }}
           >
-            <label style={{ display: "flex", alignItems: "center", gap: "4px", cursor: "pointer" }}>
+            <label
+              style={{
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                cursor: "pointer",
+              }}
+            >
               <input
                 type="radio"
                 value="inline"
@@ -198,7 +205,14 @@ export const FieldMenu: React.FC<FieldMenuProps> = ({
               />
               Inline
             </label>
-            <label style={{ display: "flex", alignItems: "center", gap: "4px", cursor: "pointer" }}>
+            <label
+              style={{
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                cursor: "pointer",
+              }}
+            >
               <input
                 type="radio"
                 value="block"

src/index.tsx

@@ -209,23 +209,23 @@ const SuperDocTemplateBuilder = forwardRef<
       const success =
         mode === "inline"
           ? editor.commands.insertStructuredContentInline?.({
-            attrs: {
-              alias: field.alias,
-              tag: field.metadata
-                ? JSON.stringify(field.metadata)
-                : field.category,
-            },
-            text: field.defaultValue || field.alias,
-          })
+              attrs: {
+                alias: field.alias,
+                tag: field.metadata
+                  ? JSON.stringify(field.metadata)
+                  : field.category,
+              },
+              text: field.defaultValue || field.alias,
+            })
           : editor.commands.insertStructuredContentBlock?.({
-            attrs: {
-              alias: field.alias,
-              tag: field.metadata
-                ? JSON.stringify(field.metadata)
-                : field.category,
-            },
-            text: field.defaultValue || field.alias,
-          });
+              attrs: {
+                alias: field.alias,
+                tag: field.metadata
+                  ? JSON.stringify(field.metadata)
+                  : field.category,
+              },
+              text: field.defaultValue || field.alias,
+            });
 
       if (success) {
         const updatedFields = getTemplateFieldsFromEditor(editor);
@@ -533,7 +533,8 @@ const SuperDocTemplateBuilder = forwardRef<
           const createdField = await onFieldCreate(field);
 
           if (createdField) {
-            const createdMode = (createdField.metadata?.mode as "inline" | "block") || mode;
+            const createdMode =
+              (createdField.metadata?.mode as "inline" | "block") || mode;
             insertFieldInternal(createdMode, {
               alias: createdField.label,
               category: createdField.category,