Add shared WebUI layout primitives

webui/src/features/auth/LoginModal.tsx

@@ -1,3 +1,4 @@
+import { FormLayout } from "../../components/ContentGrid";
 import { useId, useState } from "react";
 import type { ApiSettings, LoginResponse } from "../../types";
 import { login } from "../../api/auth";
@@ -53,7 +54,7 @@ export default function LoginModal({
         </>
       }>
       
-      <form id={formId} className="form-grid" onSubmit={submit}>
+      <FormLayout columns={1} collapseAt="standard" id={formId} className="" onSubmit={submit}>
         {message && <DismissibleAlert tone="info" dismissible={false}>{message}</DismissibleAlert>}
         {error && <DismissibleAlert tone="danger" resetKey={error}>{error}</DismissibleAlert>}
         <FormField label="i18n:govoplan-core.email.84add5b2">
@@ -62,7 +63,7 @@ export default function LoginModal({
         <FormField label="i18n:govoplan-core.password.8be3c943">
           <PasswordField value={password} autoComplete="current-password" onValueChange={setPassword} />
         </FormField>
-      </form>
+      </FormLayout>
     </Dialog>);
 
 }