feat: PasswordStrength component

[evadecker]

What changed?

Create a new PasswordStrength component. Resolves #300.

CleanShot.2024-12-20.at.22.49.06.mp4

Why?

Needed for #287.

How was this change made?

Relocated existing/unused Meter component from /components/common to /components/app. Added styling. Added Storybook stories.

How was this tested?

Added unit tests for the component to validate labels and colors are displayed, banners are displayed for warnings and suggestions, and invalid values are not accepted.

Anything else?

Reinstalls @storybook/addon-controls. Modifies Banner padding slightly.

[changeset-bot]

⚠️ No Changeset found

Latest commit: ca02e4d

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[cloudflare-workers-and-pages]

Deploying namesake with    Cloudflare Pages

Latest commit:	ca02e4d
Status:	✅  Deploy successful!
Preview URL:	https://2e4b1826.namesake-639.pages.dev
Branch Preview URL:	https://password-strength.namesake-639.pages.dev

View logs

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	45.05% ⬆️ +1.01%	2577 / 5720
🔵	Statements	45.05% ⬆️ +1.01%	2577 / 5720
🔵	Functions	50.21% ⬆️ +0.64%	117 / 233
🔵	Branches	76.84% ⬆️ +0.65%	229 / 298

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
src/components/app/PasswordStrength/PasswordStrength.tsx	100%	100%	100%	100%
src/components/common/Banner/Banner.tsx	98.03% ⬆️ +1.96%	83.33% ⬆️ +16.67%	100% 🟰 ±0%	98.03% ⬆️ +1.96%	53

Generated in workflow #217 for commit ca02e4d by the Vitest Coverage Report Action