Fix: logo h-8→h-12 (bigger), mobile logo dynamic + clickable→home

- Desktop + mobile sidebars: h-8 → h-12 (50% larger)
- py-5 → py-6 for better vertical breathing room
- Link href='/' wraps all logo instances with block + w-full
- Mobile logo now uses dynamic LOGOS[logoIdx] (was still hardcoded)
- Mobile logo click also closes the sidebar before navigating

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 2 people

frontend/components/Layout.tsx

@@ -185,10 +185,10 @@ export default function Layout({ children, title }: LayoutProps) {
       {/* ── Desktop Sidebar ── */}
       <aside className="hidden lg:flex lg:w-64 lg:flex-col lg:border-r lg:border-gray-200 dark:border-gray-700 lg:bg-white dark:lg:bg-gray-900 lg:fixed lg:inset-y-0">
         {/* Logo */}
-        <div className="flex items-center px-4 py-5 animate-fade-in">
-          <Link href="/">
-            <img src={LOGOS[logoIdx]} alt="Mailair" className="h-8 w-auto dark:hidden transition-opacity duration-500 cursor-pointer" />
-            <img src={LOGOS_DARK[logoIdx]} alt="Mailair" className="h-8 w-auto hidden dark:block transition-opacity duration-500 cursor-pointer" />
+        <div className="flex items-center px-4 py-6 animate-fade-in">
+          <Link href="/" className="block w-full">
+            <img src={LOGOS[logoIdx]} alt="Mailair" className="h-12 w-auto dark:hidden transition-opacity duration-500 cursor-pointer" />
+            <img src={LOGOS_DARK[logoIdx]} alt="Mailair" className="h-12 w-auto hidden dark:block transition-opacity duration-500 cursor-pointer" />
           </Link>
         </div>
 
@@ -207,10 +207,10 @@ export default function Layout({ children, title }: LayoutProps) {
           />
           <aside className="absolute left-0 top-0 bottom-0 w-64 bg-white dark:bg-gray-900 flex flex-col shadow-2xl animate-slide-in-left">
             <div className="flex items-center justify-between px-4 pt-4 pb-2">
-              <div className="flex items-center">
-                <img src="/logo.svg" alt="Mailair" className="h-8 w-auto dark:hidden" />
-                <img src="/logo-dark.svg" alt="Mailair" className="h-8 w-auto hidden dark:block" />
-              </div>
+              <Link href="/" className="block" onClick={() => setSidebarOpen(false)}>
+                <img src={LOGOS[logoIdx]} alt="Mailair" className="h-12 w-auto dark:hidden transition-opacity duration-500 cursor-pointer" />
+                <img src={LOGOS_DARK[logoIdx]} alt="Mailair" className="h-12 w-auto hidden dark:block transition-opacity duration-500 cursor-pointer" />
+              </Link>
               <button
                 onClick={() => setSidebarOpen(false)}
                 className="rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"