fix(ui): add custom label to IAIMantineSelects

needed to have their label styles match chakras

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

@@ -187,15 +187,14 @@ const ControlNet = (props: ControlNetProps) => {
       {isExpanded && (
         <>
           <ParamControlNetControlMode controlNetId={controlNetId} />
-          <ParamControlNetProcessorSelect controlNetId={controlNetId} />
-          <ParamControlNetShouldAutoConfig controlNetId={controlNetId} />
-
           <Box mt={2}>
             <ControlNetImagePreview
               controlNetId={controlNetId}
               height="392px"
             />
           </Box>
+          <ParamControlNetShouldAutoConfig controlNetId={controlNetId} />
+          <ParamControlNetProcessorSelect controlNetId={controlNetId} />
           <ControlNetProcessorComponent controlNetId={controlNetId} />
         </>
       )}

invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetControlMode.tsx

@@ -54,7 +54,7 @@ export default function ParamControlNetControlMode(
   return (
     <IAIMantineSelect
       disabled={!isEnabled}
-      label={t('parameters.controlNetControlMode')}
+      label="Control Mode"
       data={CONTROL_MODE_DATA}
       value={String(controlMode)}
       onChange={handleControlModeChange}

invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetProcessorSelect.tsx

@@ -13,6 +13,7 @@ import { memo, useCallback, useMemo } from 'react';
 import { CONTROLNET_PROCESSORS } from '../../store/constants';
 import { controlNetProcessorTypeChanged } from '../../store/controlNetSlice';
 import { ControlNetProcessorType } from '../../store/types';
+import { FormControl, FormLabel } from '@chakra-ui/react';
 
 type ParamControlNetProcessorSelectProps = {
   controlNetId: string;