Increase logo size and reduce surrounding whitespace for a cleaner look

Increase logo size in Logo.tsx and apply object-contain, padding, margin, drop-shadow, and maxWidth styles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8edd7914-5876-4d29-aab5-6ef744c7db4e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/4bcafcc3-4808-4075-9b1a-1d4334069b45.jpg

client/src/components/ui/logo.tsx

@@ -3,9 +3,9 @@ import LogoImage from "../../assets/Pilates with Fadia.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-24", /* 3x from h-8 */
-    regular: "h-36", /* 3x from h-12 */
-    large: "h-48", /* 3x from h-16 */
+    small: "h-40", /* Even bigger */
+    regular: "h-60", /* Even bigger */
+    large: "h-80", /* Even bigger */
   };
 
   return (
@@ -16,7 +16,13 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
       <img 
         src={LogoImage} 
         alt="Pilates with Fadia" 
-        className={`${sizeClasses[size]}`}
+        className={`${sizeClasses[size]} object-contain object-center`}
+        style={{ 
+          padding: "0", 
+          margin: "0", 
+          filter: "drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.1))",
+          maxWidth: "100%"
+        }}
       />
     </Link>
   );