Refactored projects page, fixed security user modal

PostFundManagement.ConsoleUI/src/pages/MonitoringPage.tsx

@@ -108,7 +108,6 @@ export const MonitoringPage: React.FC = () => {
   const [activeTab, setActiveTab] = useState<'contracts' | 'evidence' | 'indicators' | 'risks'>(
     tabParam === 'evidence' || tabParam === 'indicators' || tabParam === 'risks' ? tabParam : 'contracts'
   );
-  const [isCreateContractModalOpen, setIsCreateContractModalOpen] = useState(false);
 
   useEffect(() => {
     const t = searchParams.get('tab');
@@ -437,15 +436,6 @@ export const MonitoringPage: React.FC = () => {
         </div>
 
         <div className="flex items-center gap-2 relative z-10 self-start md:self-center flex-wrap">
-          {activeTab === 'contracts' && canAdd('grant_financials') && (
-            <button
-              onClick={() => setIsCreateContractModalOpen(true)}
-              className="inline-flex items-center gap-1.5 px-4 py-2.5 text-xs font-semibold text-white bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 rounded-xl shadow-lg shadow-indigo-600/25 transition cursor-pointer"
-            >
-              <Plus className="w-4 h-4" />
-              <span>Create Contract &amp; Upload PDF</span>
-            </button>
-          )}
           {activeTab === 'indicators' && canAdd('evidence_risks') && (
             <button
               onClick={() => setIsIndicatorModalOpen(true)}
@@ -541,10 +531,7 @@ export const MonitoringPage: React.FC = () => {
 
       {/* Tab 0: Contracts & Legal Documents with PDF Upload */}
       {activeTab === 'contracts' && (
-        <ContractsManagement
-          isCreateModalOpenExternal={isCreateContractModalOpen}
-          onCloseCreateModalExternal={() => setIsCreateContractModalOpen(false)}
-        />
+        <ContractsManagement />
       )}
 
       {/* Tab 1: Project & Milestone Evidence Review Hub */}