fix(admin-ui): correct Cancel button behavior in Jans Lock page to re… (#2369)

* fix(admin-ui): correct Cancel button behavior in Jans Lock page to reset form values properly

* fix(admin-ui): token channel field now resetting successfully

---------

Signed-off-by: Faisal Siddique <71010439+faisalsiddique4400@users.noreply.github.com>

Author: faisalsiddique4400

admin-ui/plugins/jans-lock/components/JansLockConfiguration.tsx

@@ -15,6 +15,7 @@ import {
   jansLockConstants,
 } from '../helper'
 import { JansLockConfigFormValues, PatchOperation } from '../types'
+import { trimObjectStrings } from 'Utils/Util'
 
 interface JansLockConfigurationProps {
   lockConfig: Record<string, unknown>
@@ -49,9 +50,16 @@ const JansLockConfiguration: React.FC<JansLockConfigurationProps> = ({ lockConfi
     validationSchema,
   })
 
+  const handleCancel = useCallback(() => {
+    formik.resetForm()
+  }, [formik])
+
   const submitForm = useCallback(
     (userMessage: string) => {
-      const patchOperations = createPatchOperations(formik.values, lockConfig)
+      const trimmedValues = trimObjectStrings(
+        formik.values as unknown as Record<string, unknown>,
+      ) as unknown as JansLockConfigFormValues
+      const patchOperations = createPatchOperations(trimmedValues, lockConfig)
 
       toggle()
 
@@ -398,7 +406,9 @@ const JansLockConfiguration: React.FC<JansLockConfigurationProps> = ({ lockConfi
             <Col>
               <GluuCommitFooter
                 saveHandler={toggle}
-                hideButtons={{ save: true, back: false }}
+                hideButtons={{ save: true, back: true }}
+                extraLabel="Cancel"
+                extraOnClick={handleCancel}
                 type="submit"
               />
             </Col>