Mission Refactor Big

app/missions/[missionId]/page.tsx

@@ -585,6 +585,21 @@ export default function MissionDetailPage() {
             
             {/* Action Buttons */}
             <div className="flex gap-3">
+              {/* Delete Button */}
+              <Button 
+                variant="outline"
+                className="flex items-center gap-2 border-red-600 text-red-600 hover:bg-red-50 bg-white"
+                onClick={handleDeleteMission}
+                disabled={deleting}
+              >
+                {deleting ? (
+                  <Loader2 className="h-4 w-4 animate-spin" />
+                ) : (
+                  <Trash2 className="h-4 w-4" />
+                )}
+                Supprimer
+              </Button>
+              
               {/* Close Button - only show if not already closed */}
               {!mission.isClosed && (
                 <Button 
@@ -601,21 +616,6 @@ export default function MissionDetailPage() {
                   Clôturer
                 </Button>
               )}
-              
-              {/* Delete Button */}
-              <Button 
-                variant="outline"
-                className="flex items-center gap-2 border-red-600 text-red-600 hover:bg-red-50 bg-white"
-                onClick={handleDeleteMission}
-                disabled={deleting}
-              >
-                {deleting ? (
-                  <Loader2 className="h-4 w-4 animate-spin" />
-                ) : (
-                  <Trash2 className="h-4 w-4" />
-                )}
-                Supprimer
-              </Button>
             </div>
           </div>
         </TabsContent>