Add visibility toggle of password input. Closes #2

client/src/components/UserPopup/EditPasswordStep.jsx

@@ -4,11 +4,10 @@ import React, {
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { Button, Form, Message } from 'semantic-ui-react';
+import { useDidUpdate, usePrevious, useToggle } from '../../lib/hooks';
 import { Input, Popup } from '../../lib/custom-ui';
 
-import {
-  useDidUpdate, useForm, usePrevious, useToggle,
-} from '../../hooks';
+import { useForm } from '../../hooks';
 
 import styles from './EditNameStep.module.css';
 
@@ -107,7 +106,7 @@ const EditPasswordStep = React.memo(
           )}
           <Form onSubmit={handleSubmit}>
             <div className={styles.text}>{t('common.newPassword')}</div>
-            <Input
+            <Input.Password
               fluid
               ref={passwordField}
               name="password"
@@ -116,10 +115,9 @@ const EditPasswordStep = React.memo(
               onChange={handleFieldChange}
             />
             <div className={styles.text}>{t('common.currentPassword')}</div>
-            <Input
+            <Input.Password
               fluid
               ref={currentPasswordField}
-              type="password"
               name="currentPassword"
               value={data.currentPassword}
               className={styles.field}