feat: add current events section for equipment with dynamic status calculation

em2rp/lib/views/equipment_management_page.dart

@@ -10,6 +10,7 @@ import 'package:em2rp/views/equipment_form_page.dart';
 import 'package:em2rp/views/equipment_detail_page.dart';
 import 'package:em2rp/views/widgets/common/qr_code_dialog.dart';
 import 'package:em2rp/views/widgets/common/qr_code_format_selector_dialog.dart';
+import 'package:em2rp/views/widgets/equipment/equipment_status_badge.dart';
 import 'package:em2rp/mixins/selection_mode_mixin.dart';
 import 'package:em2rp/views/widgets/management/management_list.dart';
 
@@ -428,9 +429,6 @@ class _EquipmentManagementPageState extends State<EquipmentManagementPage>
             _cachedEquipment = items;
           },
           itemBuilder: (equipment) {
-            // Trier les équipements par nom
-            final sortedEquipment = List<EquipmentModel>.from(_cachedEquipment ?? [equipment]);
-            sortedEquipment.sort((a, b) => a.name.compareTo(b.name));
             return _buildEquipmentCard(equipment);
           },
         );
@@ -444,7 +442,7 @@ class _EquipmentManagementPageState extends State<EquipmentManagementPage>
     return Card(
       margin: const EdgeInsets.only(bottom: 12),
       color: isSelectionMode && isSelected
-          ? AppColors.rouge.withOpacity(0.1)
+          ? AppColors.rouge.withValues(alpha: 0.1)
           : null,
       child: ListTile(
         leading: isSelectionMode
@@ -454,11 +452,10 @@ class _EquipmentManagementPageState extends State<EquipmentManagementPage>
                 activeColor: AppColors.rouge,
               )
             : CircleAvatar(
-                backgroundColor:
-                    equipment.status.color.withOpacity(0.2),
+                backgroundColor: equipment.category.color.withValues(alpha: 0.2),
                 child: equipment.category.getIcon(
                   size: 20,
-                  color: Colors.black,
+                  color: equipment.category.color,
                 ),
               ),
         title: Row(
@@ -469,10 +466,10 @@ class _EquipmentManagementPageState extends State<EquipmentManagementPage>
                 style: const TextStyle(fontWeight: FontWeight.bold),
               ),
             ),
-            // Afficher le statut uniquement si ce n'est pas un consommable ou câble
+            // Afficher le badge de statut calculé dynamiquement
             if (equipment.category != EquipmentCategory.consumable &&
                 equipment.category != EquipmentCategory.cable)
-              _buildStatusBadge(equipment.status),
+              EquipmentStatusBadge(equipment: equipment),
           ],
         ),
         subtitle: Column(
@@ -607,24 +604,6 @@ class _EquipmentManagementPageState extends State<EquipmentManagementPage>
     );
   }
 
-  Widget _buildStatusBadge(EquipmentStatus status) {
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-      decoration: BoxDecoration(
-        color: status.color.withOpacity(0.2),
-        borderRadius: BorderRadius.circular(12),
-        border: Border.all(color: status.color),
-      ),
-      child: Text(
-        status.label,
-        style: TextStyle(
-          fontSize: 12,
-          fontWeight: FontWeight.bold,
-          color: status.color,
-        ),
-      ),
-    );
-  }
 
   // Actions
   void _createNewEquipment() {