feat: add new login and signup pages

[JivusAyrus]

Summary by CodeRabbit

• New Features

  • Redesigned login and signup pages with a responsive two-column layout and promotional product panel
  • Added reusable authentication UI components (card, header, footer, trusted companies, marketing stack)

• Chores

  • Updated auth background imagery and layout layering
  • Simplified promotional illustration usage and removed legacy SVG component
  • Expanded image/content security to allow external image hosting and optimizations

_{✏️ 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

Adds new reusable auth UI components, removes the legacy cosmo-stack visuals, updates auth layout and login/signup pages to a two-column design, and updates Next.js config to allow remote images from wundergraph.com and extend CSP img-src.

Changes

Cohort / File(s)	Summary
Next.js configuration studio/next.config.mjs	Adds images.remotePatterns allowing https://wundergraph.com/images/** and updates Content Security Policy to permit wundergraph.com in img-src. Exposes an images block in the exported NextConfig.
New auth UI components studio/src/components/auth/auth-components.tsx	New file exporting AuthCard, AuthLogoHeader, AuthFooter, TrustedCompanies, MarketingHeader, ProductCosmoStack (variants: login
Removed legacy visuals studio/src/components/auth/cosmo-stack.tsx	Deleted file — removes Illustration, Arc, and the previous ProductCosmoStack SVG/illustration components and their exports.
Auth layout update studio/src/components/layout/auth-layout.tsx	Replaces prior container with a full-viewport fixed container and gradient, removes decorative overlay elements, adds a background image overlay (/login/auth-bg.png), and reorganizes content z-index and structure.
Pages — login & signup studio/src/pages/login.tsx, studio/src/pages/signup.tsx	Refactors pages to import new auth-components, converts single-column layouts to two-column responsive layouts using AuthCard, AuthLogoHeader, TrustedCompanies, ProductCosmoStack, and AuthFooter; updates sign-in/signup flows and link routing.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

🚥 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 summarizes the main changes: addition of new login and signup pages with accompanying UI components and layout restructuring.
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 315 lines in your changes missing coverage. Please review.
✅ Project coverage is 1.50%. Comparing base (eca6aac) to head (692e85e).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
studio/src/components/auth/auth-components.tsx	0.00%	169 Missing and 1 partial ⚠️
studio/src/pages/login.tsx	0.00%	69 Missing and 1 partial ⚠️
studio/src/pages/signup.tsx	0.00%	62 Missing and 1 partial ⚠️
studio/next.config.mjs	0.00%	9 Missing ⚠️
studio/src/components/layout/auth-layout.tsx	0.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #2471       +/-   ##
==========================================
- Coverage   36.06%   1.50%   -34.56%     
==========================================
  Files         944     292      -652     
  Lines      123477   46690    -76787     
  Branches     4951     431     -4520     
==========================================
- Hits        44530     703    -43827     
+ Misses      77386   45704    -31682     
+ Partials     1561     283     -1278     

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

... and 652 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.

[coderabbitai]

Actionable comments posted: 1

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

studio/src/pages/login.tsx (1)

50-50: Use safeParse to prevent runtime crashes on invalid query parameters.

querySchema.parse() throws a ZodError if validation fails (e.g., if redirectURL is present but not a valid URL). This would crash the page for users with malformed query strings.

Proposed fix using safeParse with fallback

-  const { redirectURL, sso } = querySchema.parse(router.query);
+  const parseResult = querySchema.safeParse(router.query);
+  const { redirectURL, sso } = parseResult.success
+    ? parseResult.data
+    : { redirectURL: undefined, sso: undefined };

🤖 Fix all issues with AI agents

In `@studio/src/pages/login.tsx`:
- Around line 138-145: The signup Link currently interpolates redirectURL
directly into the href which can break when redirectURL contains special
characters; update the Link href construction in the login component to pass an
encoded redirect value (use encodeURIComponent on redirectURL) so the URL is
well-formed—modify the JSX where redirectURL is used (the Link element that
renders "Sign Up") to build href as
`/signup?redirectURL=${encodeURIComponent(redirectURL)}` when redirectURL is
present.