More notifications in participants table

src/routes/private/events/event/view/components/ParticipantsTable.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { toast } from '$lib/stores/toast.js';
+  
   interface Participant {
     id: string;
     name: string;
@@ -28,6 +30,16 @@
     syncingParticipants: boolean;
     onSyncParticipants: () => void;
   }>();
+  
+  // Handle sync participants with toast notifications
+  function handleSyncParticipants() {
+    
+    // Show initial notification about sync starting
+    toast.info('Starting participant synchronization...', 2000);
+    
+    // Call the parent component's sync function
+    onSyncParticipants();
+  }
 </script>
 
 <div class="mb-4 rounded-lg border border-gray-300 bg-white p-6">