[next] Email/Password Improvements (#2400)

* feat: improved some password/email fields

- All secret fields are now "hidden" by default
- All email fields now have autocomplete/spellcheck disabled with
  correct typings

* feat: add additional email validation

src/core/client/ui/components/PasswordField/PasswordField.css

@@ -1,7 +1,6 @@
 .root {
   width: calc(29 * var(--mini-unit));
   height: 36px;
-  width: 100%;
   line-height: 36px;
   box-sizing: border-box;
 }

src/core/client/ui/components/PasswordField/PasswordField.tsx

@@ -75,6 +75,10 @@ class PasswordField extends Component<PasswordFieldProps, State> {
     placeholder: "",
     showPasswordTitle: "Hide password",
     hidePasswordTitle: "Show password",
+    autoCapitalize: "off",
+    autoCorrect: "off",
+    autoComplete: "off",
+    spellCheck: false,
   };
 
   public state = {

src/core/client/ui/components/PasswordField/__snapshots__/PasswordField.spec.tsx.snap

@@ -8,9 +8,13 @@ exports[`renders correctly 1`] = `
     className="PasswordField-wrapper"
   >
     <input
+      autoCapitalize="off"
+      autoComplete="off"
+      autoCorrect="off"
       className="PasswordField-colorRegular PasswordField-input"
       defaultValue="Hello World"
       placeholder=""
+      spellCheck={false}
       type="password"
     />
     <div
@@ -39,9 +43,13 @@ exports[`renders correctly 2`] = `
     className="PasswordField-wrapper"
   >
     <input
+      autoCapitalize="off"
+      autoComplete="off"
+      autoCorrect="off"
       className="PasswordField-colorRegular PasswordField-input"
       defaultValue="Hello World"
       placeholder=""
+      spellCheck={false}
       type="text"
     />
     <div