fix(ui): upscale dropdown activates when clicking image actions

Weird issue with `react-select`... Made the popover lazy as a workaround.

Also updated styling of the popover.

Author: psychedelicious

invokeai/frontend/web/src/features/parameters/components/Upscale/ParamRealESRGANModel.tsx

@@ -76,7 +76,7 @@ const ParamESRGANModel = () => {
   );
 
   return (
-    <InvControl label={t('models.esrganModel')}>
+    <InvControl label={t('models.esrganModel')} orientation="vertical">
       <InvSelect value={value} onChange={onChange} options={options} />
     </InvControl>
   );

invokeai/frontend/web/src/features/parameters/components/Upscale/ParamUpscaleSettings.tsx

@@ -37,7 +37,7 @@ const ParamUpscalePopover = (props: Props) => {
   }, [dispatch, imageDTO, isAllowedToUpscale, onClose]);
 
   return (
-    <InvPopover isOpen={isOpen} onClose={onClose}>
+    <InvPopover isOpen={isOpen} onClose={onClose} isLazy>
       <InvPopoverTrigger>
         <InvIconButton
           tooltip={t('parameters.upscale')}
@@ -47,7 +47,7 @@ const ParamUpscalePopover = (props: Props) => {
         />
       </InvPopoverTrigger>
       <InvPopoverContent>
-        <InvPopoverBody>
+        <InvPopoverBody minW={96}>
           <Flex flexDirection="column" gap={4}>
             <ParamESRGANModel />
             <InvButton