Fix dialog variant field spacing: apply grid gap to label element

The dialog variant's FieldFrame applied 'grid gap-1.5' on a wrapper div,
but its only child was a single <label>, so the gap had no effect. The
label text, input, and description inside the label had no layout class,
causing them to render without vertical spacing.

Move 'grid gap-1.5' to the <label> element itself for the dialog variant
so it spaces its children (label text, input, description) correctly.

Author: cursoragent

apps/web/src/components/settings/ProviderSettingsForm.tsx

@@ -202,7 +202,7 @@ function ProviderSettingsFieldRow({
   if (field.control === "textarea") {
     return (
       <FieldFrame variant={variant}>
-        <label htmlFor={inputId} className={cn(variant === "card" && "block")}>
+        <label htmlFor={inputId} className={cn(variant === "card" ? "block" : "grid gap-1.5")}>
           {label}
           <Textarea
             id={inputId}
@@ -223,7 +223,7 @@ function ProviderSettingsFieldRow({
   const type = field.control === "password" ? "password" : undefined;
   return (
     <FieldFrame variant={variant}>
-      <label htmlFor={inputId} className={cn(variant === "card" && "block")}>
+      <label htmlFor={inputId} className={cn(variant === "card" ? "block" : "grid gap-1.5")}>
         {label}
         {variant === "card" ? (
           <DraftInput