fix(frontend): tighten logo sizing and spacing on login and home

[hamza-56]

What

The Sparkth logo (which includes the "compose" wordmark + "powered by Edly" subtitle scaled relative to size) was rendering oversized and crowding adjacent text on both the login page and the index page.

Changes

• Login (`app/login/LoginForm.tsx`): logo `size` 72 → 56, wrapper margin `mb-1` → `mb-6` so the wordmark no longer bleeds into the "Log in" heading.
• Home (`app/page-client.tsx`): logo `size` 120 → 72 (was producing a ~74px wordmark that overwhelmed the hero), wrapper margin `mb-8` → `mb-4`.

Test plan

• Visit `/login` — logo sits comfortably above "Log in" with breathing room.
• Visit `/` (unauthenticated) — logo proportionate to the "Welcome to Sparkth" heading.
• Verify in both light and dark themes.

[claude]

Claude finished @hamza-56's task in 1m 21s —— View job

---

Review: PR #319 — Logo sizing and spacing fixes

• Gather context and check previous review comments
• Review changed files and diff
• Check for React anti-patterns
• Post review summary

---

Looks good overall. This is a low-risk, styling-only change — no functional logic, no React anti-patterns, and the prop/class tweaks are straightforward.

Changes reviewed

File	What changed
LoginForm.tsx	Logo size 72 → 56, margin mb-1 → mb-6
page-client.tsx	Logo size 120 → 72, margin mb-8 → mb-4

Notes

• No blocking issues.
• The SparkthLogo component scales all sub-elements (icon, wordmark, subtitle) proportionally from the size prop, so the changes are self-contained and won't break layout elsewhere.
• Home page hero logo (72) is now smaller than the SparkthHeader logo (80, used on the same page). This is likely fine for visual hierarchy — the header anchors the brand while the hero directs attention to the heading — but worth a quick visual check.

Suggestion

The register page (frontend/app/register/RegisterForm.tsx:73) still uses mb-1 with size={72} — the same crowded pattern this PR fixes on login. Consider applying mb-6 there too for consistency (left an inline comment).

Previous review comments

No prior review comments on this PR.

[claude]

Nit (low): The register page (frontend/app/register/RegisterForm.tsx:73) still uses mb-1 with size={72} — the exact same pattern that was crowding the login page before this fix. Worth applying the same mb-6 treatment there for consistency.

Fix this →

[abdulrafey1]

LGTM