message: updated field to be reusable
diff: import { Visibility, VisibilityOff } from '@mui/icons-material'
  import { IconButton, InputAdornment, TextFieldProps } from '@mui/material'
  +import { useTranslation } from 'next-i18next'
  import { useState } from 'react'
  import FormTextField from './FormTextField'
  -export default function PasswordField({ name = 'password', ...props }: TextFieldProps) {
  +export type FormProps = {
  + label?: string
  + name?: string
  +} & TextFieldProps
  +
  +export default function PasswordField({
  + name = 'password',
  + label = 'auth:fields.password',
  + ...props
  +}: FormProps) {
  + const { t } = useTranslation()
  const [showPassword, setShowPassword] = useState(false)
  const handleShowPassword = () => setShowPassword((show) => !show)
  return (
  @@ -12,7 +23,7 @@ export default function PasswordField({ name = 'password', ...props }: TextField
  {...props}
  type={showPassword ? 'text' : 'password'}
  autoComplete="current-password"
  - label="auth:fields.password"
  + label={t(label)}
  InputProps={{
  endAdornment: (
  <InputAdornment position="end">
  