Fix: Address HMR failures and Fast Refresh incompatibility

src/hooks/moderation/useModerationQueueManager.ts

@@ -4,6 +4,7 @@ import { useToast } from "@/hooks/use-toast";
 import { useAuth } from "@/hooks/useAuth";
 import { logger } from "@/lib/logger";
 import { getErrorMessage } from "@/lib/errorHandler";
+import { invokeWithTracking } from "@/lib/edgeFunctionTracking";
 import { MODERATION_CONSTANTS } from "@/lib/moderation/constants";
 import { useQueryClient } from '@tanstack/react-query';
 import type { User } from "@supabase/supabase-js";
@@ -420,16 +421,20 @@ export function useModerationQueueManager(config: ModerationQueueManagerConfig):
           return;
         }
 
-        await supabase.functions.invoke("process-selective-approval", {
-          body: {
+        const { data, error, requestId } = await invokeWithTracking(
+          "process-selective-approval",
+          {
             itemIds: failedItems.map((i) => i.id),
             submissionId: item.id,
           },
-        });
+          user?.id
+        );
+
+        if (error) throw error;
 
         toast({
           title: "Retry Complete",
-          description: `Processed ${failedItems.length} failed item(s)`,
+          description: `Processed ${failedItems.length} failed item(s)${requestId ? ` (Request: ${requestId.substring(0, 8)})` : ""}`,
         });
         
         // Refresh stats to update counts