Reinforce security when deleting a form

Author: ln-dev7

components/form/settings.tsx

@@ -466,13 +466,20 @@ export default function SettingsForms({ dataForm }: { dataForm: any }) {
                         onChange={(e) => {
                           setConfirmFormName(e.target.value)
                         }}
+                        value={confirmFormName}
                         className=""
                       />
                     </div>
                   </AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogCancel
+                    onClick={() => {
+                      setConfirmFormName("")
+                    }}
+                  >
+                    Cancel
+                  </AlertDialogCancel>
                   <button
                     className={cn(
                       "inline-flex h-10 items-center justify-center rounded-md bg-red-500 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-slate-900 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-red-600 dark:hover:bg-slate-200 dark:hover:text-slate-900 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900"