fix: Make logo wider and shorter

Logo dimensions:
- Header: 128px (mobile) / 160px (desktop) width, auto height
- Footer: 112px width, auto height
- Login/Register: 112px width, auto height
- Header height reduced to 64px/80px to match

Logo now has landscape orientation with ~10rem width

frontend/src/app/login/page.tsx

@@ -13,9 +13,9 @@ function Logo() {
     <Image
       src="/pounce-logo.png"
       alt="pounce"
-      width={80}
+      width={120}
-      height={80}
+      height={60}
-      className="w-20 h-20"
+      className="w-28 h-auto"
     />
   )
 }

frontend/src/app/register/page.tsx

@@ -13,9 +13,9 @@ function Logo() {
     <Image
       src="/pounce-logo.png"
       alt="pounce"
-      width={80}
+      width={120}
-      height={80}
+      height={60}
-      className="w-20 h-20"
+      className="w-28 h-auto"
     />
   )
 }

frontend/src/components/Footer.tsx

@@ -13,9 +13,9 @@ export function Footer() {
               <Image
                 src="/pounce-logo.png"
                 alt="pounce"
-                width={64}
+                width={120}
-                height={64}
+                height={60}
-                className="w-16 h-16"
+                className="w-28 h-auto"
               />
             </div>
             <p className="text-body-sm text-foreground-muted mb-4 max-w-xs">

frontend/src/components/Header.tsx

@@ -13,9 +13,9 @@ function Logo() {
       <Image
         src="/pounce-logo.png"
         alt="pounce"
-        width={96}
+        width={160}
-        height={96}
+        height={80}
-        className="w-20 h-20 sm:w-24 sm:h-24 object-contain"
+        className="w-32 h-auto sm:w-40 sm:h-auto object-contain"
         priority
       />
     </div>
@@ -28,7 +28,7 @@ export function Header() {
 
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border-subtle">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 h-20 sm:h-24 flex items-center justify-between">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 h-16 sm:h-20 flex items-center justify-between">
         {/* Left side: Logo + Nav Links */}
         <div className="flex items-center gap-6 sm:gap-8">
           {/* Logo */}