fix: update layout and styling of login and signup pages for mobile screens

[JivusAyrus]

Summary by CodeRabbit

• Style

  • Enhanced responsive design with improved mobile and tablet layout scaling
  • Refined typography sizing and component spacing across authentication pages

• Features

  • Marketing information panels now visible across all screen sizes on login and signup pages

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

Checklist

• I have discussed my proposed changes in an issue and have received approval to proceed.
• I have followed the coding standards of the project.
• Tests or benchmarks have been added or updated.
• Documentation has been updated on https://github.com/wundergraph/cosmo-docs.
• I have read the Contributors Guide.

[coderabbitai]

Walkthrough

This change applies responsive styling adjustments and layout restructuring to authentication pages and components. Previously hidden marketing panels are now always visible on larger screens, with optimized padding behavior and refined text scaling across mobile and desktop viewports.

Changes

Cohort / File(s)	Summary
Auth Components studio/src/components/auth/auth-components.tsx	MarketingHeader typography scaling made responsive (text-2xl to sm:text-[32px]), and ProductCosmoStack container layout updated with mobile-first padding (px-2) and small-screen max-width/padding (sm:max-w-xl, sm:px-8).
Authentication Pages studio/src/pages/login.tsx, studio/src/pages/signup.tsx	Right marketing panel changed from hidden to always-visible layout with responsive min-height classes (min-h-screen with lg:min-h-0). Left column container and content sections refined with adjusted padding, margin ordering, and responsive spacing.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• feat: add new login and signup pages #2471: Directly modifies the same auth component and page layouts, introducing responsive styling and marketing panel visibility changes.

🚥 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 describes the main changes: responsive layout improvements to login and signup pages with mobile-first styling adjustments.
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

---

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

[codecov]

Codecov Report

❌ Patch coverage is 0% with 18 lines in your changes missing coverage. Please review.
✅ Project coverage is 1.50%. Comparing base (6a51aaa) to head (71922a8).
⚠️ Report is 1 commits behind head on main.

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

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #2479       +/-   ##
==========================================
- Coverage   63.21%   1.50%   -61.72%     
==========================================
  Files         296     292        -4     
  Lines       41474   46748     +5274     
  Branches     4312     431     -3881     
==========================================
- Hits        26219     703    -25516     
- Misses      15233   45762    +30529     
- Partials       22     283      +261     

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

... and 585 files with indirect coverage changes

🚀 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.