fix: optimize signup page layout and styling

[wunderhawk]

• Flip desktop/mobile layout to give precedence to content
• Alignment and text changes
• Layout optimizations

Summary by CodeRabbit

• Style
  • Redesigned signup page into a two-column layout: marketing on the left, signup form on the right
  • Centered "Sign up for free" heading and added descriptive paragraph
  • Adjusted responsive width constraints and padding for improved spacing across screen sizes
  • Increased heading weight for stronger hierarchy and adjusted header visibility on small vs large screens
  • Minor padding tweaks on the login marketing panel

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Updates to auth UI: MarketingHeader font-weight changed to bold, ProductCosmoStack max-width adjusted, signup page reorganized into a two-column layout (marketing left, form right) with new heading/description and responsive visibility tweaks, and a small padding adjustment on the login marketing panel.

Changes

Cohort / File(s)	Summary
Auth Components Styling studio/src/components/auth/auth-components.tsx	Changed MarketingHeader h1 font weight from normal to bold; updated ProductCosmoStack container max-width from sm:max-w-xl to sm:max-w-[43.2rem].
Signup Page Layout Restructuring studio/src/pages/signup.tsx	Replaced left-side form with marketing (ProductCosmoStack variant="signup"), moved signup form to right column, wrapped AuthLogoHeader in responsive container (hidden on small, shown on large), centered heading and added descriptive paragraph, adjusted padding/margins and two-column structure.
Login Page Padding Adjustment studio/src/pages/login.tsx	Adjusted marketing panel padding: increased bottom padding and reduced top padding for the right section (layout-only change).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• feat: add new login and signup pages #2471 — Modifies the same auth components and signup/login pages; related styling/layout adjustments.
• fix: update layout and styling of login and signup pages for mobile screens #2479 — Overlapping edits to auth-components.tsx and auth page layouts affecting MarketingHeader and ProductCosmoStack.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately reflects the main changes in the PR - optimizations to signup page layout and styling with adjusted spacing, typography, and responsive layout changes across multiple components.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

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 and usage tips.}

[codecov]

Codecov Report

❌ Patch coverage is 0% with 15 lines in your changes missing coverage. Please review.
✅ Project coverage is 1.50%. Comparing base (2c44697) to head (1ac9752).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
studio/src/pages/signup.tsx	0.00%	12 Missing ⚠️
studio/src/components/auth/auth-components.tsx	0.00%	2 Missing ⚠️
studio/src/pages/login.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff            @@
##            main   #2483      +/-   ##
========================================
- Coverage   1.50%   1.50%   -0.01%     
========================================
  Files        292     292              
  Lines      46762   46768       +6     
  Branches     431     431              
========================================
  Hits         703     703              
- Misses     45776   45782       +6     
  Partials     283     283              

Files with missing lines	Coverage Δ
studio/src/pages/login.tsx	0.00% <0.00%> (ø)
studio/src/components/auth/auth-components.tsx	0.00% <0.00%> (ø)
studio/src/pages/signup.tsx	0.00% <0.00%> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.