Set appropriate autocomplete attributes for password reset

- make autocomplete set to `current-password` and `new-password` for password resets
- fixes #198

src/context/intermediate/popovers/ModifyAccount.tsx

@@ -108,6 +108,7 @@ export function ModifyAccountModal({ onClose, field }: Props) {
                         register={register}
                         showOverline
                         error={errors.new_password?.message}
+                        autoComplete="new-password"
                     />
                 )}
                 {field === "username" && (
@@ -124,6 +125,7 @@ export function ModifyAccountModal({ onClose, field }: Props) {
                     register={register}
                     showOverline
                     error={errors.current_password?.message}
+                    autoComplete="current-password"
                 />
                 {error && (
                     <Overline type="error" error={error}>

src/pages/login/FormField.tsx

@@ -5,8 +5,10 @@ import { Text, Localizer } from "preact-i18n";
 import InputBox from "../../components/ui/InputBox";
 import Overline from "../../components/ui/Overline";
 
-interface Props {
-    type: "email" | "username" | "password" | "invite" | "current_password";
+type FieldType = "email" | "username" | "password" | "invite" | "current_password";
+
+type Props = Omit<JSX.HTMLAttributes<HTMLInputElement>, "children" | "as"> & {
+    type: FieldType;
     showOverline?: boolean;
     register: UseFormMethods["register"];
     error?: string;
@@ -19,6 +21,7 @@ export default function FormField({
     showOverline,
     error,
     name,
+    ...props
 }: Props) {
     return (
         <>
@@ -79,6 +82,7 @@ export default function FormField({
                                     }
                                     : { required: "RequiredField" },
                     )}
+                    {...props}
                 />
             </Localizer>
         </>