feat(ui): fix image fit

- Prevent init, current & control images from overflowing

invokeai/frontend/web/src/features/controlNet/components/ControlNetImagePreview.tsx

@@ -60,7 +60,10 @@ const ControlNetImagePreview = (props: Props) => {
     processorType !== 'none';
 
   return (
-    <Box ref={containerRef} sx={{ position: 'relative', w: 'full', h: 'full' }}>
+    <Box
+      ref={containerRef}
+      sx={{ position: 'relative', w: 'full', h: 'full', aspectRatio: '1/1' }}
+    >
       <IAIDndImage
         image={controlImage}
         onDrop={handleDrop}

invokeai/frontend/web/src/features/gallery/components/CurrentImageDisplay.tsx

@@ -51,6 +51,7 @@ const CurrentImageDisplay = () => {
           alignItems: 'center',
           justifyContent: 'center',
           gap: 4,
+          position: 'absolute',
         }}
       >
         <CurrentImagePreview />

invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx

@@ -72,9 +72,10 @@ const InitialImagePreview = () => {
       sx={{
         width: 'full',
         height: 'full',
-        position: 'relative',
+        position: 'absolute',
         alignItems: 'center',
         justifyContent: 'center',
+        p: 4,
       }}
     >
       <IAIDndImage