Prioritize pending tasks and improve task sorting for better visibility

Update task filtering and sorting logic to display pending tasks at the top, followed by sorting by priority and creation date.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d43bd811-9372-45a7-8ac9-4a954c0538e1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/d43bd811-9372-45a7-8ac9-4a954c0538e1/wOe6TmM

client/src/pages/Tasks.tsx

@@ -56,7 +56,7 @@ export default function Tasks() {
     queryFn: () => {
       const params = new URLSearchParams();
       if (selectedStoreId) {
-        params.append('storeId', selectedStoreId);
+        params.append('storeId', selectedStoreId.toString());
       }
       return fetch(`/api/tasks?${params.toString()}`, {
         credentials: 'include'
@@ -157,26 +157,46 @@ export default function Tasks() {
     }
   };
 
-  // Filtrer les tâches
-  const filteredTasks = tasks.filter((task: TaskWithRelations) => {
-    // Filtre par recherche
-    if (searchTerm && !task.title.toLowerCase().includes(searchTerm.toLowerCase()) && 
-        !task.description?.toLowerCase().includes(searchTerm.toLowerCase())) {
-      return false;
-    }
+  // Filtrer et trier les tâches
+  const filteredTasks = tasks
+    .filter((task: TaskWithRelations) => {
+      // Filtre par recherche
+      if (searchTerm && !task.title.toLowerCase().includes(searchTerm.toLowerCase()) && 
+          !task.description?.toLowerCase().includes(searchTerm.toLowerCase())) {
+        return false;
+      }
 
-    // Filtre par statut
-    if (statusFilter !== "all" && task.status !== statusFilter) {
-      return false;
-    }
+      // Filtre par statut
+      if (statusFilter !== "all" && task.status !== statusFilter) {
+        return false;
+      }
 
-    // Filtre par priorité
-    if (priorityFilter !== "all" && task.priority !== priorityFilter) {
-      return false;
-    }
+      // Filtre par priorité
+      if (priorityFilter !== "all" && task.priority !== priorityFilter) {
+        return false;
+      }
 
-    return true;
-  });
+      return true;
+    })
+    .sort((a: TaskWithRelations, b: TaskWithRelations) => {
+      // Faire remonter les tâches non validées (pending) en premier
+      if (a.status === 'pending' && b.status === 'completed') return -1;
+      if (a.status === 'completed' && b.status === 'pending') return 1;
+      
+      // Pour les tâches de même statut, trier par priorité (high > medium > low)
+      const priorityOrder = { 'high': 3, 'medium': 2, 'low': 1 };
+      const aPriority = priorityOrder[a.priority as keyof typeof priorityOrder] || 2;
+      const bPriority = priorityOrder[b.priority as keyof typeof priorityOrder] || 2;
+      
+      if (aPriority !== bPriority) {
+        return bPriority - aPriority; // Ordre décroissant (high en premier)
+      }
+      
+      // Enfin, trier par date de création (plus récent en premier)
+      const aDate = a.createdAt ? new Date(a.createdAt).getTime() : 0;
+      const bDate = b.createdAt ? new Date(b.createdAt).getTime() : 0;
+      return bDate - aDate;
+    });
 
   // Pagination
   const {