fix(ui): align icon and label in backend select trigger

src/components/forms/DynamicForm.tsx

@@ -780,12 +780,12 @@ export function DynamicForm({ viewName, objectId }: DynamicFormProps) {
                       <Label className="text-sm font-medium">{formField.label}</Label>
                       <Select value={selectedVariant} onValueChange={handleVariantChange} disabled={readOnly}>
                         <SelectTrigger>
-                          <span className="flex flex-1 items-center gap-2 overflow-hidden">
+                          <div className="flex flex-1 items-center gap-2 overflow-hidden">
                             <BackendIcon backend={selectedVariant} />
                             <span className="truncate">
                               {selectedVariantLabel || t('form.selectType', 'Select type...')}
                             </span>
-                          </span>
+                          </div>
                         </SelectTrigger>
                         <SelectContent>
                           {sch.variants.map((v) => (

src/components/forms/FieldWidget.tsx

@@ -1477,12 +1477,12 @@ function EmbeddedObjectField({
         <Label className="text-sm font-medium">{formField.label ?? t('field.type', 'Type')}</Label>
         <Select value={currentType} onValueChange={handleVariantChange} disabled={readOnly}>
           <SelectTrigger>
-            <span className="flex flex-1 items-center gap-2 overflow-hidden">
+            <div className="flex flex-1 items-center gap-2 overflow-hidden">
               <BackendIcon backend={currentType} />
               <span className="truncate">
                 {selectedVariantLabel || t('form.selectType', 'Select type...')}
               </span>
-            </span>
+            </div>
           </SelectTrigger>
           <SelectContent>
             {resolvedSchema.variants.map((v) => (