Add icons for registration hide/show password toggle

[rebecca-shoptaw]

Dependency to epic #7694. Sub-task of #9315.

Problem

One last UI touch per the registration Figma mockup, which is switching out "Hide Password"/"Show Password" for some simple eye open/closed icons.

Expected behaviour / screenshots

Proposal & Constraints

Very simple! Just switching out the current hide/show text element for an img element, and using JavaScript to toggle the image source by adapting the existing initPasswordToggling function.

• Planning to import icons as svg's for simplicity and customization purposes
• There may be some troubleshooting involved to make sure the path works correctly in the move from JS to HTML
• If the source-toggling fails, we can also put two eye icons in the HTML and use JS to toggle which is displayed
• Will follow what seems to be the standard pattern for which icon to display -- eye closed when password is not visible, eye open when it is visible (matching current state rather than action)

Related files

create.html
password-toggle.js

Stakeholders

@cdrini

---

Instructions for Contributors

• Please run these commands to ensure your repository is up to date before creating a new branch to work on this issue and each time after pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.