Update task status display to use a dropdown selector

Replaces the static status display with an interactive Select component for easier status updates, allowing users to change status directly from the list view.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/F5ROn6G

client/src/pages/Avoirs.tsx

@@ -926,12 +926,19 @@ export default function Avoirs() {
                         {avoir.supplier?.name || 'Fournisseur non défini'}
                       </td>
                       <td className="px-6 py-4 whitespace-nowrap">
-                        <div className="flex items-center">
+                        <Select 
-                          {getStatusIcon(avoir.status)}
+                          value={avoir.status}
-                          <Badge variant={getStatusVariant(avoir.status)} className="ml-2">
+                          onValueChange={(newStatus) => handleStatusChange(avoir.id, newStatus)}
-                            {avoir.status}
+                        >
-                          </Badge>
+                          <SelectTrigger className="w-full">
-                        </div>
+                            <SelectValue />
+                          </SelectTrigger>
+                          <SelectContent>
+                            <SelectItem value="En attente de demande">En attente de demande</SelectItem>
+                            <SelectItem value="Demandé">Demandé</SelectItem>
+                            <SelectItem value="Reçu">Reçu</SelectItem>
+                          </SelectContent>
+                        </Select>
                       </td>
                       <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                         #{avoir.invoiceReference || 'Sans référence'}