Fixes for #46

apps/hub/app/(auth)/layout.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import Image from "next/image";
+
 const AuthLayout = ({ children }: { children: React.ReactNode }) => (
 	<div
 		className="hero min-h-screen"
@@ -10,6 +12,15 @@ const AuthLayout = ({ children }: { children: React.ReactNode }) => (
 		<div className="hero-overlay bg-neutral/60"></div>
 		<div className="hero-content text-center ">
 			<div className="max-w-lg">
+				{/* Logo above the card */}
+				<Image
+					src="/mail/var_logo.png"
+					alt="VAR Logo"
+					width={128}
+					height={128}
+					className="mx-auto mb-6 w-40 h-auto"
+					priority
+				/>
 				<div className="card rounded-2xl bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
 					{children}
 				</div>