feat: Update favicon and logo sizing

Favicon:
- Generated favicon.ico (32x32) from pounce-puma.png
- Created favicon-16x16.png and favicon-32x32.png
- Created apple-touch-icon.png (180x180)
- Created android-chrome-192x192.png and android-chrome-512x512.png
- Updated layout.tsx to reference new favicon files
- Updated site.webmanifest to use new Android icons

Landing Page Logo:
- Reduced puma logo size on hero section
- Mobile: w-32 (128px)
- Tablet: w-40 (160px)
- Desktop: w-48 (192px)
- Reduced glow effect for more elegant appearance

frontend/public/site.webmanifest

@@ -9,13 +9,13 @@
   "orientation": "portrait-primary",
   "icons": [
     {
-      "src": "/pounce-logo.png",
+      "src": "/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any maskable"
     },
     {
-      "src": "/pounce-logo.png",
+      "src": "/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any maskable"

frontend/src/app/layout.tsx

@@ -83,9 +83,13 @@ export const metadata: Metadata = {
     },
   },
   icons: {
-    icon: '/pounce-logo.png',
-    shortcut: '/pounce-logo.png',
-    apple: '/pounce-logo.png',
+    icon: [
+      { url: '/favicon.ico', sizes: '32x32' },
+      { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+    ],
+    shortcut: '/favicon.ico',
+    apple: '/apple-touch-icon.png',
   },
   manifest: '/site.webmanifest',
   alternates: {

frontend/src/app/page.tsx

@@ -151,14 +151,14 @@ export default function HomePage() {
       {/* Hero Section */}
       <section className="relative pt-28 sm:pt-32 md:pt-36 lg:pt-40 pb-16 sm:pb-20 px-4 sm:px-6">
         <div className="max-w-7xl mx-auto text-center">
-          {/* Puma Logo - Large & Prominent */}
-          <div className="flex justify-center mb-6 sm:mb-8 md:mb-10 animate-fade-in">
+          {/* Puma Logo - Compact & Elegant */}
+          <div className="flex justify-center mb-6 sm:mb-8 animate-fade-in">
             <Image
               src="/pounce-puma.png"
               alt="pounce"
-              width={400}
-              height={280}
-              className="w-48 h-auto sm:w-64 md:w-80 lg:w-96 object-contain drop-shadow-[0_0_60px_rgba(16,185,129,0.3)]"
+              width={300}
+              height={210}
+              className="w-32 h-auto sm:w-40 md:w-48 object-contain drop-shadow-[0_0_40px_rgba(16,185,129,0.25)]"
               priority
             />
           </div>