feat: Surface password requirements on signup / dynamic validation

[sumtzehern]

Thanks for submitting a PR! Please check the boxes below:

• I have run pre-commit to check linting
• I have added information to docs/ if required so people know about the feature!
• I have filled in the "Changes" section below?
• I have filled in the "How did you test this code" section below?
• I have used a Conventional Commit title for this Pull Request

Changes

Added a PasswordRequirements component to the signup form to provide real-time feedback on password requirements.

How did you test this code?

I tested this code by:

1. Running the application locally.
2. Navigating to the signup form.
3. Entering different passwords to verify the real-time feedback for password requirements.
4. Ensuring all password requirement checks (length, number, special character, uppercase, and lowercase letters) work as expected.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 31, 2024 8:40am
flagsmith-frontend-preview	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 31, 2024 8:40am

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
flagsmith-frontend-staging	⬜️ Ignored (Inspect)	Visit Preview		Jul 31, 2024 8:40am

[vercel]

@sumtzehern is attempting to deploy a commit to the Flagsmith Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Uffizzi Preview deployment-53938 was deleted.

[kyle-ssg]

@sumtzehern, Aesthetically this is awesome! However it looks like I was able to sign up with the following.

Discussing internally, the requirements do look sensible either way - could we adjust the PR to disable the button whilst they aren't met? Also as the image indicates, the symbol check needs adjusting.

Also maybe if you could try replacing the x and check with ionicons

import { close, checkmark } from 'ionicons/icons'
import { IonIcon } from '@ionic/react'

[sumtzehern]

@kyle-ssg, made some changes including:

1. Replaced x and check icons with Ionicons.
2. Adjusted password validation to include more symbols.
3. Disabled 'Create Account' button until requirements are met.

[kyle-ssg]

Thanks so much, this looks great!

[sumtzehern]

@kyle-ssg, Awesome, Good to know