Adjust image editor to correctly place overlays on original media

Modify the image editor component to ensure overlays are applied to the original image, not a padded version, by updating image rendering logic and CSS classes in `client/src/pages/image-editor.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/Hpj2VzR

client/src/pages/image-editor.tsx

@@ -739,11 +739,11 @@ export default function ImageEditor() {
                   {selectedMedia ? (
                     <div className="space-y-4">
                       <div className="rounded-lg overflow-hidden bg-muted aspect-square flex items-center justify-center">
-                        <div ref={previewRef} className="relative w-full h-full">
+                        <div ref={previewRef} className="relative">
                           <img
                             src={previewUrl || selectedMedia.originalUrl}
                             alt="Aperçu"
-                            className="w-full h-full object-contain"
+                            className="max-w-full max-h-[706px] w-auto h-auto"
                             data-testid="preview-image"
                           />