fix spacing around security items

Author: dantovska

.vscode/settings.json

@@ -5,5 +5,8 @@
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

redisinsight/ui/src/pages/home/components/manual-connection/manual-connection-form/forms/AddConnection.tsx

@@ -79,10 +79,12 @@ const AddConnection = (props: Props) => {
           />
           {buildType !== BuildType.RedisStack && (
             <>
+              <Spacer />
               <Divider
                 colorVariable="separatorColor"
                 variant="fullWidth"
               />
+              <Spacer />
               <SSHDetails formik={formik} />
             </>
           )}

redisinsight/ui/src/pages/home/components/manual-connection/manual-connection-form/forms/EditConnection.tsx

@@ -7,6 +7,7 @@ import {
   SSHDetails,
   TlsDetails,
 } from 'uiSrc/pages/home/components/form'
+import { Spacer } from 'uiSrc/components/base/layout'
 import Divider from 'uiSrc/components/divider/Divider'
 import { BuildType } from 'uiSrc/constants/env'
 import { DbConnectionInfo } from 'uiSrc/pages/home/interfaces'
@@ -61,17 +62,11 @@ const EditConnection = (props: Props) => {
             autoFocus={!isCloneMode && isEditMode}
             onHostNamePaste={onHostNamePaste}
           />
-          <Divider
-            colorVariable="separatorColor"
-            variant="fullWidth"
-          />
+          <Divider colorVariable="separatorColor" variant="fullWidth" />
           <ForceStandalone formik={formik} />
           {isCloneMode && (
             <>
-              <Divider
-                colorVariable="separatorColor"
-                variant="fullWidth"
-              />
+              <Divider colorVariable="separatorColor" variant="fullWidth" />
               <DbIndex formik={formik} />
             </>
           )}
@@ -86,10 +81,9 @@ const EditConnection = (props: Props) => {
           />
           {buildType !== BuildType.RedisStack && (
             <>
-              <Divider
-                colorVariable="separatorColor"
-                variant="fullWidth"
-              />
+              <Spacer />
+              <Divider colorVariable="separatorColor" variant="fullWidth" />
+              <Spacer />
               <SSHDetails formik={formik} />
             </>
           )}