fix: don't require email infra on self-hosted, improve login form detection

- sendTransactionalEmail no-ops (with a warning) when no mail transport is
  configured instead of throwing — sign-up 500'd on SMTP-less instances
- sendVerificationEmail catches transport failures so a broken SMTP can't
  block account creation; verification stays optional (requireEmailVerification
  was never set)
- login form gains id/name attributes and label for/id pairing so password
  managers (Proton Pass et al.) detect the fields; email input uses
  autocomplete=username

Authored By: TDvorak <[email protected]>

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

apps/frontend/src/App.tsx

@@ -736,7 +736,7 @@ export default function App() {
       try {
         if (mode() === "sign-up") {
           await authClient.signUp.email({ email: email(), password: password(), name: name() });
-          setAuthMessage("Account created. Check Mailpit (or your SMTP provider) for the verification email.");
+          setAuthMessage("Account created — signing you in.");
         } else {
           await authClient.signIn.email({ email: email(), password: password() });
         }

apps/frontend/src/components/Input.tsx

@@ -13,16 +13,17 @@ const sizeClasses = {
 };
 
 export function Input(props: InputProps) {
-  const [local, rest] = splitProps(props, ["label", "error", "size", "class"]);
+  const [local, rest] = splitProps(props, ["label", "error", "size", "class", "id"]);
 
   const size = () => local.size ?? "md";
 
   return (
     <div class="w-full">
       <Show when={local.label}>
-        <label class="label">{local.label}</label>
+        <label class="label" for={local.id}>{local.label}</label>
       </Show>
       <input
+        id={local.id}
         class={`input ${sizeClasses[size()]} ${local.error ? "border-error focus:border-error focus:ring-error/20" : ""} ${local.class ?? ""}`}
         {...rest}
       />

apps/frontend/src/pages/LoginPage.tsx

@@ -124,6 +124,8 @@ export function LoginPage(props: LoginPageProps) {
             <Show when={!isSignIn()}>
               <Input
                 label="Name"
+                id="name"
+                name="name"
                 type="text"
                 placeholder="Ada Lovelace"
                 value={props.name}
@@ -134,15 +136,19 @@ export function LoginPage(props: LoginPageProps) {
             </Show>
             <Input
               label="Email"
+              id="email"
+              name="email"
               type="email"
               placeholder="[email protected]"
               value={props.email}
               onInput={(e) => props.onEmailChange(e.currentTarget.value)}
-              autocomplete="email"
+              autocomplete="username"
               required
             />
             <Input
               label="Password"
+              id="password"
+              name="password"
               type="password"
               placeholder="••••••••"
               value={props.password}