Layout Changes

Small tweaks to the layout

src/app/(auth)/layout.tsx

@@ -1,5 +1,5 @@
-import { Scissors } from "lucide-react";
 import { getBranding } from "@/lib/business/branding";
+import { AuthHeader } from "@/features/auth/components/auth-header";
 
 /**
  * Every auth page (sign-in, register, forgot-password, verify) shares
@@ -24,14 +24,7 @@ export default async function AuthLayout({ children }: { children: React.ReactNo
   return (
     <div className="flex min-h-screen flex-col bg-stone p-6">
       <div id="main-content" className="mx-auto flex w-full max-w-md flex-1 flex-col justify-center">
-        <div className="mb-8 flex h-16 w-16 items-center justify-center rounded-[1.25rem] bg-ink text-3xl text-white shadow-xl shadow-ink/20">
-          {branding.logoUrl ? (
-            // eslint-disable-next-line @next/next/no-img-element -- external, business-supplied URL.
-            <img src={branding.logoUrl} alt="" className="h-full w-full rounded-[1.25rem] object-cover" />
-          ) : (
-            <Scissors className="h-7 w-7" aria-hidden="true" />
-          )}
-        </div>
+        <AuthHeader logoUrl={branding.logoUrl} />
         {children}
       </div>
     </div>

src/app/(auth)/register/page.tsx

@@ -12,7 +12,7 @@ export default async function RegisterPage() {
   return (
     <div>
       <h1 className="mb-2 text-3xl font-bold tracking-tight">Join {branding.name}</h1>
-      <p className="mb-10 text-muted">Create an account to track your appointments and loyalty.</p>
+      <p className="mb-5 text-sm text-muted">Create an account to track your appointments &amp; loyalty.</p>
       {/* useSearchParams in RegisterForm requires a Suspense boundary. */}
       <Suspense>
         <RegisterForm />

src/app/(auth)/sign-in/page.tsx

@@ -11,8 +11,8 @@ export default async function SignInPage() {
   const branding = await getBranding();
   return (
     <div>
-      <h1 className="mb-2 text-4xl font-bold tracking-tight">Welcome back to {branding.name}</h1>
-      <p className="mb-12 leading-relaxed text-muted">
+      <h1 className="mb-2 text-2xl font-bold tracking-tight">Welcome back to {branding.name}</h1>
+      <p className="mb-12 text-sm leading-relaxed text-muted">
         Please enter your credentials to access your appointments.
       </p>
       {/* useSearchParams in SignInForm requires a Suspense boundary. */}