Forcefully update the object since the editedInstance is still using

the old cert which will fail the getFormUpdates diff logic

Author: GnaneshKunal

redisinsight/ui/src/pages/home/components/manual-connection/ManualConnectionWrapper.tsx

@@ -207,7 +207,22 @@ const ManualConnectionWrapper = (props: Props) => {
     if (editMode) {
       database.id = editedInstance?.id
 
-      return getFormUpdates(database, omit(editedInstance, ['id']))
+      const updatedValues = getFormUpdates(database, omit(editedInstance, ['id']))
+
+      // When a new caCert/clientCert is deleted, the editedInstance
+      // is not updated with the deletion until 'apply' is
+      // clicked. Once the apply is clicked, the editedInstance object
+      // that is validated against, still has the older certificates
+      // attached. Attaching the new certs to the final object helps.
+      if (values.selectedCaCertName === 'ADD_NEW_CA_CERT' && values.newCaCertName !== '' && values.newCaCertName === editedInstance.caCert?.name) {
+        updatedValues.caCert = database.caCert
+      }
+
+      if (values.selectedTlsClientCertId === 'ADD_NEW' && values.newTlsCertPairName !== '' && values.selectedTlsClientCertName === editedInstance.newTlsCertPairName?.name) {
+        updatedValues.clientCert = database.clientCert
+      }
+
+      return updatedValues
     }
 
     return removeEmpty(database)