fix: mask webhook secret with password field and reveal toggle (#6932)

Author: talissoncosta

frontend/web/components/base/forms/Input.js

@@ -176,7 +176,7 @@ const Input = class extends React.Component {
             }}
           >
             <Icon
-              name={this.state.type === 'text' ? 'eye' : 'eye-off'}
+              name={this.state.type === 'password' ? 'eye' : 'eye-off'}
               fill={invalid && '#ef4d56'}
               width={
                 size &&

frontend/web/components/modals/CreateAuditLogWebhook.tsx

@@ -120,7 +120,7 @@ const CreateAuditLogWebhook: React.FC<Props> = ({
               setSecret(Utils.safeParseEventValue(e))
             }
             isValid={!!url && url.length > 0}
-            type='text'
+            type='password'
             className='full-width'
             placeholder='Secret'
           />

frontend/web/components/modals/CreateWebhook.tsx

@@ -117,7 +117,7 @@ const CreateWebhook: FC<CreateWebhookProps> = ({
             onChange={(e: ChangeEvent<HTMLInputElement>) =>
               setSecret(Utils.safeParseEventValue(e))
             }
-            type='text'
+            type='password'
             className='full-width'
             placeholder='Secret'
           />