ajout envoi smtp (paramètres, test envois, envoi à 1 participant). protège vue mot de passe

- ajout filtre page statistiques

src/app/admin/campaigns/[id]/participants/page.tsx

@@ -8,6 +8,7 @@ import AddParticipantModal from '@/components/AddParticipantModal';
 import EditParticipantModal from '@/components/EditParticipantModal';
 import DeleteParticipantModal from '@/components/DeleteParticipantModal';
 import ImportCSVModal from '@/components/ImportCSVModal';
+import SendParticipantEmailModal from '@/components/SendParticipantEmailModal';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
@@ -29,6 +30,7 @@ function CampaignParticipantsPageContent() {
   const [showEditModal, setShowEditModal] = useState(false);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showImportModal, setShowImportModal] = useState(false);
+  const [showSendEmailModal, setShowSendEmailModal] = useState(false);
   const [selectedParticipant, setSelectedParticipant] = useState<Participant | null>(null);
   const [copiedParticipantId, setCopiedParticipantId] = useState<string | null>(null);
 
@@ -357,6 +359,18 @@ function CampaignParticipantsPageContent() {
                                   </>
                                 )}
                               </Button>
+                              <Button
+                                variant="outline"
+                                size="sm"
+                                onClick={() => {
+                                  setSelectedParticipant(participant);
+                                  setShowSendEmailModal(true);
+                                }}
+                                className="text-xs"
+                              >
+                                <Mail className="w-3 h-3 mr-1" />
+                                Envoyer un mail
+                              </Button>
                             </div>
                           </div>
                         </div>
@@ -402,6 +416,15 @@ function CampaignParticipantsPageContent() {
           type="participants"
           campaignTitle={campaign?.title}
         />
+
+        {selectedParticipant && campaign && (
+          <SendParticipantEmailModal
+            isOpen={showSendEmailModal}
+            onClose={() => setShowSendEmailModal(false)}
+            participant={selectedParticipant}
+            campaign={campaign}
+          />
+        )}
       </div>
     </div>
   );