Build responsive login form

[lobster40]

Adds the responsive login form component for the redesigned login screen.

Part of #1
Closes #2

• email + password fields
• inline validation states
• responsive across breakpoints

Summary by CodeRabbit

• Chores
  • Added a new login form component placeholder to the app.
  • The login form is not yet functional and currently does not display any fields or validation.

[coderabbitai]

📝 Walkthrough

Walkthrough

Adds a new LoginForm React component in src/components/LoginForm.tsx implemented as a stub that returns null, with documentation comments and a TODO noting missing email/password fields, inline validation, and responsive breakpoints.

Changes

LoginForm Stub

Layer / File(s)	Summary
Placeholder component export src/components/LoginForm.tsx	Adds exported LoginForm function returning null, with a TODO for fields, validation, and responsive behavior.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Possibly related issues

• [Feature] Login screen redesign #1: This issue tracks the login screen redesign, which this stub component's TODO items (fields, validation, responsiveness) directly relate to.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Linked Issues check	⚠️ Warning	The PR does not meet #2: the component is a stub and still lacks email/password fields, inline validation, and breakpoint responsiveness.	Implement the full form UI with email and password inputs, add inline validation states, and verify responsive behavior across breakpoints.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title matches the main change, which is the login form component work, though the implementation is only a stub.
Out of Scope Changes check	✅ Passed	The change set stays within the login form scope and adds no unrelated code paths or features.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/login-form

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/LoginForm.tsx`:
- Around line 3-5: LoginForm is still a stub because it returns null, so the
login screen never renders the required UI. Replace the placeholder in LoginForm
with the actual form implementation, including email and password fields, inline
validation, and responsive behavior as noted in the TODO. If this is meant to
stay incomplete, move the placeholder behind a separate gated path instead of
leaving the exported LoginForm component empty.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 34fb44c1-7d9d-4641-a621-0e5f5059322f

📥 Commits

Reviewing files that changed from the base of the PR and between 19d8cf9 and e33f7f7.

📒 Files selected for processing (1)

• src/components/LoginForm.tsx

[coderabbitai]

🎯 Functional Correctness | 🟠 Major | 🏗️ Heavy lift

Implement the form instead of returning null.

This export currently renders nothing, so the login screen cannot meet the stated requirements for email/password fields, inline validation, or responsive behavior. If this is intentionally incomplete, please gate it behind a separate placeholder path; otherwise ship the actual component here.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/components/LoginForm.tsx` around lines 3 - 5, LoginForm is still a stub
because it returns null, so the login screen never renders the required UI.
Replace the placeholder in LoginForm with the actual form implementation,
including email and password fields, inline validation, and responsive behavior
as noted in the TODO. If this is meant to stay incomplete, move the placeholder
behind a separate gated path instead of leaving the exported LoginForm component
empty.