Add fixes to procurement logic and fix rel-time connections

frontend/src/pages/app/DashboardPage.tsx

@@ -8,6 +8,7 @@ import StatsGrid from '../../components/ui/Stats/StatsGrid';
 import RealTimeAlerts from '../../components/domain/dashboard/RealTimeAlerts';
 import ProcurementPlansToday from '../../components/domain/dashboard/ProcurementPlansToday';
 import ProductionPlansToday from '../../components/domain/dashboard/ProductionPlansToday';
+import PurchaseOrdersTracking from '../../components/domain/dashboard/PurchaseOrdersTracking';
 import { useTenant } from '../../stores/tenant.store';
 import {
   AlertTriangle,
@@ -154,14 +155,17 @@ const DashboardPage: React.FC = () => {
         {/* 1. Real-time alerts block */}
         <RealTimeAlerts />
 
-        {/* 2. Procurement plans block */}
+        {/* 2. Purchase Orders Tracking block */}
+        <PurchaseOrdersTracking />
+
+        {/* 3. Procurement plans block */}
         <ProcurementPlansToday
           onOrderItem={handleOrderItem}
           onViewDetails={handleViewDetails}
           onViewAllPlans={handleViewAllPlans}
         />
 
-        {/* 3. Production plans block */}
+        {/* 4. Production plans block */}
         <ProductionPlansToday
           onStartOrder={handleStartOrder}
           onPauseOrder={handlePauseOrder}