Photo comparison

components/ui/header.tsx

@@ -10,17 +10,17 @@ export function Header({ className }: HeaderProps) {
   return (
     <header
       className={cn(
-        "flex items-center justify-between p-4 border-b border-border",
+        "flex items-center justify-center p-4 border-b border-border w-full",
         className
       )}
     >
-      <div className="flex items-center gap-4">
-        <img
-          src="/logo.svg"
-          alt="Logo"
-          className="h-8 w-8"
-        />
-        <nav className="flex items-center gap-6">
+      <div className="flex items-center w-full max-w-screen-xl mx-auto">
+        <div className="flex items-center gap-4">
+          <Link href="/">
+            <img src="/logo.svg" alt="Logo" className="h-8 w-8" />
+          </Link>
+        </div>
+        <nav className="flex items-center gap-6 ml-auto">
           <Link
             href="/login"
             className="text-sm font-medium text-foreground hover:underline"