Fix page refresh when trying to save custom profile fields (#39828)

app/javascript/mastodon/features/ui/components/confirmation_modals/confirmation_modal.tsx

@@ -52,13 +52,18 @@ export const ConfirmationModal: React.FC<
   noCloseOnConfirm = false,
   noFocusButton = false,
 }) => {
-  const handleClick = useCallback(() => {
+  const handleSubmit = useCallback<React.SubmitEventHandler<HTMLFormElement>>(
-    if (!noCloseOnConfirm) {
+    (e) => {
-      onClose();
+      e.preventDefault();
-    }
 
-    void onConfirm();
+      if (!noCloseOnConfirm) {
-  }, [onClose, onConfirm, noCloseOnConfirm]);
+        onClose();
+      }
+
+      void onConfirm();
+    },
+    [onClose, onConfirm, noCloseOnConfirm],
+  );
 
   const handleSecondary = useCallback(() => {
     onClose();
@@ -66,7 +71,7 @@ export const ConfirmationModal: React.FC<
   }, [onClose, onSecondary]);
 
   return (
-    <ModalShell onSubmit={handleClick}>
+    <ModalShell onSubmit={handleSubmit}>
       <ModalShellBody className={className}>
         {noFocusButton ? (
           <NavigationFocusTarget as='h1' id={titleId}>
@@ -107,7 +112,6 @@ export const ConfirmationModal: React.FC<
         {/* eslint-disable jsx-a11y/no-autofocus -- we are in a modal and thus autofocusing is justified */}
         <Button
           type='submit'
-          onClick={handleClick}
           loading={updating}
           disabled={disabled}
           autoFocus={!noFocusButton}