Convert all mutate to mutateAsync.

src/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton.tsx

@@ -17,12 +17,12 @@ export function SegmentDeleteButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutate, isPending, error, touch } = useDeleteQuery(
+  const { mutateAsync, isPending, error, touch } = useDeleteQuery(
     `/websites/${websiteId}/segments/${segmentId}`,
   );
 
   const handleConfirm = (close: () => void) => {
-    mutate(null, {
+    await mutateAsync(null, {
       onSuccess: () => {
         touch('segments');
         onSave?.();

src/app/(main)/websites/[websiteId]/segments/SegmentEditForm.tsx

@@ -30,7 +30,7 @@ export function SegmentEditForm({
   const { data } = useWebsiteSegmentQuery(websiteId, segmentId);
   const { formatMessage, labels, getErrorMessage } = useMessages();
 
-  const { mutate, error, isPending, touch, toast } = useUpdateQuery(
+  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
     `/websites/${websiteId}/segments${segmentId ? `/${segmentId}` : ''}`,
     {
       type: 'segment',
@@ -38,7 +38,7 @@ export function SegmentEditForm({
   );
 
   const handleSubmit = async (formData: any) => {
-    mutate(formData, {
+    await mutateAsync(formData, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('segments');