Yes we really need a solution for this across the board. For reset password too. There appears to be no single solution to provide the "show password" option anywhere and everywhere a password field exists across the board?

This works. I added a label to the checkbox to make it easier to click on.

<input type="checkbox" id="show_password" name="show_password" onclick="showPassword();"> <label for="show_password">Show Password</label>

I also took out the part about the confirmation field because I'm using the "show password" functionality in place of the confirmation, which is intended to prevent typos when using the password input.

Did some more exploration. I really like this approach with the toggle icon in the field. (see screenshot below) I happen to have font awesome already loaded. Reference: https://www.javascripttutorial.net/javascript-dom/javascript-toggle-password-visibility/  Note: I think this would work pretty well to add to other forms like log in and password reset since it appends the icon to the field with javascript instead of adding html...You just need to change the ID selector for the password field. 

<script>
const passwordField = document.querySelector("#field_1abwj2")
passwordField.insertAdjacentHTML("afterend", "<a href=\"javascript: togglePassword();\" style=\"margin: -30px; cursor: pointer; color: #006A98;\"><i class=\"fa fa-eye-slash\" aria-hidden=\"true\" id=\"toggleIcon\"></i></a>");
const toggleIcon = document.querySelector("#toggleIcon");
function togglePassword() {
    // toggle the type attribute
    const type = passwordField.getAttribute("type") === "password" ? "text" : "password";
    passwordField.setAttribute("type", type);
    
    // toggle the icon
    toggleIcon.classList.toggle("fa-eye-slash");
    toggleIcon.classList.toggle("fa-eye");
}
</script>