fix: clone creation issue when adding spaces, configuration tab redirect issue

Author: Adrinlol

ui/packages/shared/pages/CreateClone/index.tsx

@@ -196,7 +196,9 @@ export const CreateClone = observer((props: Props) => {
   const isCloneUnstable = Boolean(
     stores.main.clone && !stores.main.isCloneStable,
   )
-  const isCreatingClone = formik.isSubmitting || isCloneUnstable
+
+  const isCreatingClone =
+    (formik.isSubmitting || isCloneUnstable) && !stores.main.cloneError
 
   return (
     <>
@@ -227,7 +229,10 @@ export const CreateClone = observer((props: Props) => {
               fullWidth
               label="Clone ID"
               value={formik.values.cloneId}
-              onChange={(e) => formik.setFieldValue('cloneId', e.target.value)}
+              onChange={(e) => {
+                const sanitizedCloneIdValue = e.target.value.replace(/\s/g, '')
+                formik.setFieldValue('cloneId', sanitizedCloneIdValue)
+              }}
               error={Boolean(formik.errors.cloneId)}
               disabled={isCreatingClone}
             />

ui/packages/shared/pages/Instance/Configuration/index.tsx

@@ -1156,7 +1156,7 @@ export const Configuration = observer(
                 <Button
                   variant="outlined"
                   color="secondary"
-                  onClick={() => switchActiveTab(null, 0)}
+                  onClick={switchTab}
                 >
                   Cancel
                 </Button>