fix: left-align E2B logo in Ory auth flows for Safari (#453)

## Summary

The `E2BLogoSmall` SVG in `OryCardHeader` appears centered in Safari
because `width: fit-content` (`w-fit`) doesn't correctly resolve on SVGs
in flex-col contexts — Safari computes a wider-than-expected element
width, pushing the logo toward center.

Fix: remove `w-fit` so the base `w-auto` from `E2BLogoSmall` takes
effect (correctly derives width from height + viewBox aspect ratio
cross-browser), and keep `self-start` to explicitly left-align the flex
child.

Affects all four Ory auth flows (login, registration, recovery,
verification) since they share `OryCardHeader`.

Link to Devin session:
https://app.devin.ai/sessions/c5e1ce36f7b443d891048d75ee873a88

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: ben@e2b.dev <ben@e2b.dev>

Author: devin-ai-integration[bot]

src/app/login/components/custom-card-header.tsx

@@ -39,7 +39,7 @@ export function OryCardHeader() {
 
   return (
     <div className="mb-6 flex flex-col gap-8">
-      <E2BLogoSmall className="text-fg h-[18px] w-fit" />
+      <E2BLogoSmall className="text-fg h-[18px] self-start" />
       <div className="flex flex-col gap-1">
         <h1 className="prose-headline-small">{title}</h1>
         {description && <p className="text-fg-secondary">{description}</p>}