Preserve original aspect ratio for uploaded photos

- Removed aspect-square constraint to allow natural image proportions
- Changed object-cover to object-contain to show full image without cropping
- Added min-h-[150px] and max-h-[300px] for reasonable height bounds
- Added flex centering to properly align images within container

Photos now display their full content with original aspect ratio while maintaining the responsive card grid layout.

Author: claude

client/app/components/PhotoDisplay.tsx

@@ -27,14 +27,14 @@ export function PhotoDisplay({ photoUrl, onClear }: PhotoDisplayProps) {
   return (
     <>
       <div className="w-full max-w-[200px]">
-        <div className="relative w-full aspect-square bg-gray-100 rounded-lg overflow-hidden">
+        <div className="relative w-full min-h-[150px] max-h-[300px] bg-gray-100 rounded-lg overflow-hidden flex items-center justify-center">
           {!hasError ? (
             <Image
               src={photoUrl}
               alt="Uploaded photo"
               fill
               sizes="(max-width: 640px) 100vw, (max-width: 768px) 50vw, 33vw"
-              className={`object-cover transition-opacity duration-200 ${
+              className={`object-contain transition-opacity duration-200 ${
                 isLoaded ? "opacity-100" : "opacity-0"
               }`}
               onLoad={() => setIsLoaded(true)}