feat: add toggle password visibility

[vatana7]

PR for #109

@invisal Please review and give feedback

[invisal]

I recommend you to create another component called PasswordField.

In the TextField file, we can split the interface

export interface TextFieldCommonProps {
  readOnly?: boolean;
  onChange?: (value: string) => void;
  label?: string;
  value?: string;
  autoFocus?: boolean;
  placeholder?: string;
}

interface TextFieldProps extends TextFieldCommonProps  {
  multipleLine?: boolean;
  type?: 'text' | 'password';
  actionIcon?: ReactElement;
  actionClick?: () => void;
}

The common PasswordField can use the existing TextField. Maybe something like this

export default function PasswordField(props: TextFieldCommonProps) {
  // handle toggle logic here
  
  return <TextField {...props} actionIcon={...} actionClick={() => ...} />
  
}

For state, you don't need to use generic state as there is only one state at the moment.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[vatana7]

@invisal i've changed the code as you suggested

[invisal]

LGTM