removed spellcheck from fields that don't need it

packages/frontend/src/components/login-form.tsx

@@ -141,6 +141,7 @@ export default function LogInForm() {
                                     onChange={(e) => setName(e.target.value)}
                                     validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                                     submitAttempted={submitAttempted}
+                                    spellcheck={false}
                                 />
                             </>
                         )}
@@ -150,6 +151,7 @@ export default function LogInForm() {
                             onChange={(e) => setUsername(e.target.value)}
                             validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                             submitAttempted={submitAttempted}
+                            spellcheck={false}
                         />
                         <Field
                             label="Password"
@@ -158,6 +160,7 @@ export default function LogInForm() {
                             validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                             hidden={true}
                             submitAttempted={submitAttempted}
+                            spellcheck={false}
                         />
                     </div>
 

packages/frontend/src/components/server-configuration-dialog.tsx

@@ -145,6 +145,7 @@ export function ServerConfigurationDialog({ trigger }: { trigger?: ReactNode })
                                     }}
                                     placeholder="https://example.com"
                                     className={!isValid ? "border-destructive" : ""}
+                                    spellCheck={false}
                                 />
                                 <Button
                                     type="button"

packages/frontend/src/components/ui/field.tsx

@@ -12,6 +12,7 @@ export function Field({
     placeholder,
     error,
     tabIndex,
+    spellcheck,
 }: {
     label: string;
     value?: string;
@@ -22,6 +23,7 @@ export function Field({
     placeholder?: string;
     error?: string;
     tabIndex?: number;
+    spellcheck?: boolean;
 }) {
     const [internalTouched, setInternalTouched] = useState(false);
     const isTouched = submitAttempted || internalTouched;
@@ -53,6 +55,7 @@ export function Field({
                 aria-invalid={error !== undefined || invalidMessage !== ""}
                 type={hidden ? "password" : "text"}
                 tabIndex={tabIndex}
+                spellCheck={spellcheck}
             />
             <div className="flex items-end justify-end w-full text-xs mb-0 -mt-1">
                 {error || invalidMessage !== "" ? (