chore: Refactor ConfirmDialog component in theme.script.js

Comfy/theme.script.js

@@ -150,27 +150,30 @@ todo:
 	const Dialog = Spicetify.React.memo(props => {
 		const [state, setState] = Spicetify.React.useState(true);
 		const self = document.querySelector(".ReactModalPortal:last-of-type");
-
-		Spicetify.React.useEffect(() => {
-			if (state) {
-				props.onOpen?.();
-			}
-		}, [state]);
-
-		return Spicetify.ReactComponent.ConfirmDialog({
+		const ConfirmDialog = Spicetify.ReactComponent.ConfirmDialog;
+		const isForwardRef = typeof ConfirmDialog === "function";
+		const commonProps = {
 			...props,
 			isOpen: state,
 			onClose: () => {
 				setState(false);
-				props.onClose();
+				props.onClose?.();
 				self.remove();
 			},
 			onConfirm: () => {
 				setState(false);
-				props.onConfirm();
+				props.onConfirm?.();
 				self.remove();
 			}
-		});
+		};
+
+		Spicetify.React.useEffect(() => {
+			if (state) {
+				props.onOpen?.();
+			}
+		}, [state]);
+
+		return isForwardRef ? ConfirmDialog(commonProps) : Spicetify.React.createElement(ConfirmDialog, commonProps);
 	});
 
 	const Section = ({ name, children, condition = true, filter }) => {