feat(ui): enhance logo and favicon sizing for better visibility

.gitignore

@@ -105,6 +105,9 @@ lighthouse-report/
 .env.development.local
 .env.test.local
 .env.production.local
+settings.local.json
+.claude/
+claude/
 
 # ESLint cache
 .eslintcache

components/ui/Navigation.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
-import { Calendar, Menu, X } from 'lucide-react'
+import { Menu, X } from 'lucide-react'
 import { useAuth } from '@/lib/auth-context'
 import { useAuth as useAuthHook } from '@/lib/hooks/useAuth'
 import { ProfileDropdown } from '@/components/auth/ProfileDropdown'
@@ -39,10 +39,12 @@
             <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div className="flex items-center justify-between h-16">
                     {/* Left side - Logo (always shown, always clickable home button) */}
-                    <Link href="/" className="flex items-center gap-3">
-                        <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
-                            <Calendar className="w-5 h-5 text-primary-foreground" />
-                        </div>
+                    <Link href="/" className="flex items-center gap-2">
+                        <img 
+                            src="/logo.svg" 
+                            alt="LocalLoop" 
+                            className="w-12 h-12" 
+                        />
                         <span className="text-xl font-bold text-card-foreground" data-test-id="homepage-title">LocalLoop</span>
                     </Link>