feat(MED-131): revert to use server action for montonio token for revalidateTag

app/home/(user)/(dashboard)/cart/montonio-callback/client-component.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { processMontonioCallback } from './actions';
+
+export default function MontonioCallbackClient({ orderToken, error }: {
+  orderToken?: string;
+  error?: string;
+}) {
+  const router = useRouter();
+
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [hasProcessed, setHasProcessed] = useState(false);
+
+  useEffect(() => {
+    if (error) {
+      console.error(error);
+      router.push('/home/cart/montonio-callback/error');
+      return;
+    }
+
+    if (!orderToken || hasProcessed || isProcessing) {
+      return;
+    }
+
+    const processOrder = async () => {
+      setIsProcessing(true);
+      setHasProcessed(true);
+
+      try {
+        await processMontonioCallback(orderToken);
+        router.push('/home/order');
+      } catch (error) {
+        console.error("Failed to place order", error);
+        router.push('/home/cart/montonio-callback/error');
+      } finally {
+        setIsProcessing(false);
+      }
+    };
+
+    processOrder();
+  }, [orderToken, error, router, hasProcessed, isProcessing]);
+
+  return (
+    <div className="flex mt-10 justify-center min-h-screen">
+      <div className="text-center">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4"></div>
+      </div>
+    </div>
+  );
+}