feat: enhance API response handling and add new components for module management

packages/features/verbandsverwaltung/src/components/cross-org-member-search.tsx

@@ -22,8 +22,8 @@ import {
   DialogTitle,
 } from '@kit/ui/dialog';
 import { Input } from '@kit/ui/input';
-import { toast } from '@kit/ui/sonner';
 import { Textarea } from '@kit/ui/textarea';
+import { useActionWithToast } from '@kit/ui/use-action-with-toast';
 
 import {
   getTransferPreview,
@@ -90,7 +90,7 @@ export function CrossOrgMemberSearch({
 
   const { execute: executePreview } = useAction(getTransferPreview, {
     onSuccess: ({ data }) => {
-      if (data) setPreview(data);
+      if (data?.data) setPreview(data.data);
       setPreviewLoading(false);
     },
     onError: () => {
@@ -98,22 +98,18 @@ export function CrossOrgMemberSearch({
     },
   });
 
-  const { execute: executeTransfer, isPending: isTransferring } = useAction(
-    transferMember,
-    {
+  const { execute: executeTransfer, isPending: isTransferring } =
+    useActionWithToast(transferMember, {
+      successMessage: 'Mitglied erfolgreich transferiert',
+      errorMessage: 'Fehler beim Transfer',
       onSuccess: () => {
-        toast.success('Mitglied erfolgreich transferiert');
         setTransferTarget(null);
         setTargetAccountId('');
         setTransferReason('');
         setKeepSepa(true);
         setPreview(null);
       },
-      onError: ({ error }) => {
-        toast.error(error.serverError ?? 'Fehler beim Transfer');
-      },
-    },
-  );
+    });
 
   const buildUrl = useCallback(
     (params: Record<string, string | number | null>) => {