Adjust auth pages

[jzgom067]

What?

This PR introduces a bunch of new features and fixes to the auth pages.

Nomenclature and Capitalization Change

The names of the auth actions have been changed to "Login", "Register", and "Sign Out". This change is reflected on the pages, on buttons, and on the URL routes.

The capitalization of buttons, titles, and links were also adjusted to align with our new agreed-upon style.

Show Password Buttons

On all pages with password fields (/login, /register, and /reset-password), the password fields now have a button to show the text.

New TextInputField Component

Just for the auth pages, this makes it easier to manage the styling and functionality of these fields.

New "Remember Me" Toggle

On the login page, the mysterious (and previously unused) custom Checkbox component was used to accomplish this.

The Checkbox component was also adjusted to have proper coloring on both light and dark mode.

New useDebounce Hook

Initially created for password strength checking, this hook takes a function, dependencies, and an optional delay. After dependencies are changed, it waits for inactivity of the delay's duration before calling the function.

This is useful for cases like the /auth/check-password API, where you don't want to call it every single time the user types a letter.

Password Strength Checking

On both the /register and /reset-password pages, the passwords are checked against the API to make sure they are strong enough before trying to send an API request.

This makes sure that the rate limits aren't hit just because the user didn't make a strong enough password. It's also just good UX to give the user quick feedback.

Proper Link Text Styling

I created the LinkText component to handle this styling. When hovering the text, it will be underlined and colored with the appropriate accent color. This helps give feedback so the user knows that it's a link.

Why?

The auth pages needed some tweaks before they were production-ready. We want a good UX, especially when signing up.

[Copilot]

Pull Request Overview

This PR updates the authentication pages with improved UX and standardized nomenclature. The changes focus on replacing "sign up" terminology with "register", implementing password strength validation, and enhancing form interactions.

Key changes:

• Standardized auth action names to "Login", "Register", and "Sign Out" across all pages and routes
• Added password strength checking with real-time validation using a new debounced API call
• Introduced show/hide password functionality and "Remember me" toggle for better user experience

Reviewed Changes

Copilot reviewed 13 out of 13 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
app/verify-email/page.tsx	Updated button text and route from "sign up" to "register"
app/ui/components/link-text.tsx	New component for consistent link styling with hover effects
app/ui/components/header/account-dropdown.tsx	Renamed logout function and updated menu text to "Sign Out"
app/ui/components/checkbox.tsx	Enhanced with proper light/dark mode color theming
app/ui/components/auth/text-input-field.tsx	New reusable input component with show/hide password functionality
app/ui/components/auth/password-criteria.tsx	New component for displaying password strength requirements
app/reset-password/success/page.tsx	Updated button text capitalization
app/reset-password/page.tsx	Added password strength validation and updated form components
app/register/page.tsx	Complete overhaul with new components, validation, and route updates
app/register/email-sent/page.tsx	Updated session storage keys and button text
app/login/page.tsx	Added remember me functionality and updated form components
app/forgot-password/page.tsx	Updated title and form components
app/_lib/use-debounce.tsx	New custom hook for debouncing API calls

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[mirmirmirr]

👍 (yay password viewing)