CB-3806 change error place (#1928)

Co-authored-by: EvgeniaBzzz <139753579+EvgeniaBzzz@users.noreply.github.com>

webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialog.tsx

@@ -82,12 +82,12 @@ export const ConnectionDialog: DialogComponent<null, null> = observer(function C
               />
             </SubmittingForm>
           ))}
-        {controller.responseMessage && (
-          <ErrorMessage text={controller.responseMessage} hasDetails={controller.hasDetails} onShowDetails={controller.onShowDetails} />
-        )}
       </CommonDialogBody>
       {controller.step === ConnectionStep.Connection && (
         <CommonDialogFooter>
+          {controller.responseMessage && (
+            <ErrorMessage text={controller.responseMessage} hasDetails={controller.hasDetails} onShowDetails={controller.onShowDetails} />
+          )}
           <ConnectionDialogFooter
             isConnecting={controller.isConnecting}
             onBack={() => controller.onStep(ConnectionStep.ConnectionTemplateSelect)}

webapp/packages/plugin-connection-template/src/ConnectionDialog/ConnectionDialogFooter.tsx

@@ -37,11 +37,11 @@ interface Props {
 export const ConnectionDialogFooter = observer<Props>(function ConnectionDialogFooter({ isConnecting, onConnect, onBack }) {
   const translate = useTranslate();
   return styled(styles)(
-    <controls as="div">
+    <controls>
+      <fill />
       <Button type="button" mod={['outlined']} disabled={isConnecting} onClick={onBack}>
         {translate('ui_stepper_back')}
       </Button>
-      <fill as="div" />
       <Button type="button" mod={['unelevated']} disabled={isConnecting} onClick={onConnect}>
         {isConnecting ? translate('basicConnection_connectionDialog_connecting') : translate('connections_connection_connect')}
       </Button>