Added few functions to the platform

components/ConfirmModal.tsx

@@ -35,8 +35,14 @@ export default function ConfirmModal({
   };
 
   return (
-    <div className="fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50 p-4 animate-fadeIn">
-      <div className="bg-white rounded-lg shadow-xl max-w-md w-full animate-slideUp border border-gray-200">
+    <div 
+      className="fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50 p-4 animate-fadeIn"
+      onClick={onCancel}
+    >
+      <div 
+        className="bg-white rounded-lg shadow-xl max-w-md w-full animate-slideUp border border-gray-200"
+        onClick={(e) => e.stopPropagation()}
+      >
         {/* Header */}
         <div className="border-b border-gray-200 px-6 py-5 bg-white">
           <h2 className="text-xl font-semibold text-gray-900">{title}</h2>