feat: using show/hide in text input field

What does this MR do?

Add a use case to guidelines for using icons for show/hide pattern in text input field. In #1120 (comment 718167227) , a better solution for implementing show/hide pattern is being explored by adding new variants for add-ons.

this MR would close #1116 (closed).

Does this MR meet the acceptance criteria?

• The MR title and commit message meet the Pajamas commit conventions
• Add a description to this MR explaining the reasons for the proposed change, per say-why-not-just-what
• Include MR scope that reflects the purpose of the change in the description
  • For example, if this MR is focused on usage guidelines, addressing accessibility challenges could be added separately with a different MR
• If creating a new page on Pajamas from scratch, follow the page template structure
• Follow the Pajamas Voice & Tone Guidelines and GitLab Documentation Style Guide
• Link components to and from other related components and patterns on the .md file, where helpful
• If embedding a Figma file, follow the Figma embed guide
• Assign it to a reviewer. All GitLab designers are reviewers, but you can also assign it directly to a maintainer or trainee maintainer
• Apply the correct component label(s)
• Select a milestone or due date

Links