fix(ui): restore display: flex to image viewer and node editor

This was inadventently removed in #7786 and caused some minor layout overflow.

Author: psychedelicious

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

@@ -26,6 +26,7 @@ const useFocusRegionOptions = {
 };
 
 const FOCUS_REGION_STYLES: SystemStyleObject = {
+  display: 'flex',
   width: 'full',
   height: 'full',
   position: 'absolute',
@@ -45,7 +46,7 @@ export const ImageViewer = memo(({ closeButton }: Props) => {
     <FocusRegionWrapper region="viewer" sx={FOCUS_REGION_STYLES} layerStyle="first" {...useFocusRegionOptions}>
       {hasImageToCompare && <CompareToolbar />}
       {!hasImageToCompare && <ViewerToolbar closeButton={closeButton} />}
-      <Box ref={containerRef} w="full" h="full" p={2}>
+      <Box ref={containerRef} w="full" h="full" p={2} overflow="hidden">
         {!hasImageToCompare && <CurrentImagePreview />}
         {hasImageToCompare && <ImageComparison containerDims={containerDims} />}
       </Box>

invokeai/frontend/web/src/features/nodes/components/NodeEditor.tsx

@@ -14,6 +14,7 @@ import BottomLeftPanel from './flow/panels/BottomLeftPanel/BottomLeftPanel';
 import MinimapPanel from './flow/panels/MinimapPanel/MinimapPanel';
 
 const FOCUS_REGION_STYLES: SystemStyleObject = {
+  display: 'flex',
   position: 'relative',
   width: 'full',
   height: 'full',