feat: add "Lid toevoegen als deelnemer" shortcut for org members

Adds two new API endpoints to quickly add organisation members as event
persons with user_id pre-linked and status approved:
- GET /organisations/{org}/members/available-for-event/{event}
- POST /organisations/{org}/events/{event}/persons/from-member

Includes frontend dialog with member search, crowd type selection, and
click-to-add behavior in the Personen tab.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/app/src/pages/events/[id]/persons/index.vue

@@ -3,6 +3,7 @@ import { usePersonList, useApprovePerson, useDeletePerson } from '@/composables/
 import { useCrowdTypeList } from '@/composables/api/useCrowdTypes'
 import { useAuthStore } from '@/stores/useAuthStore'
 import EventTabsNav from '@/components/events/EventTabsNav.vue'
+import AddMemberAsPersonDialog from '@/components/persons/AddMemberAsPersonDialog.vue'
 import CreatePersonDialog from '@/components/persons/CreatePersonDialog.vue'
 import EditPersonDialog from '@/components/persons/EditPersonDialog.vue'
 import PersonDetailPanel from '@/components/persons/PersonDetailPanel.vue'
@@ -112,6 +113,7 @@ function getInitials(name: string) {
 }
 
 // Dialogs & panel
+const isAddMemberDialogOpen = ref(false)
 const isCreateDialogOpen = ref(false)
 const isEditDialogOpen = ref(false)
 const editingPerson = ref<Person | null>(null)
@@ -194,12 +196,21 @@ const crowdTypeOptions = computed(() => [
           style="min-inline-size: 180px;"
         />
       </div>
-      <VBtn
-        prepend-icon="tabler-plus"
-        @click="isCreateDialogOpen = true"
-      >
-        Persoon toevoegen
-      </VBtn>
+      <div class="d-flex gap-x-2">
+        <VBtn
+          prepend-icon="tabler-user-plus"
+          variant="tonal"
+          @click="isAddMemberDialogOpen = true"
+        >
+          Lid toevoegen
+        </VBtn>
+        <VBtn
+          prepend-icon="tabler-plus"
+          @click="isCreateDialogOpen = true"
+        >
+          Persoon toevoegen
+        </VBtn>
+      </div>
     </div>
 
     <!-- KPI Tiles -->
@@ -378,6 +389,13 @@ const crowdTypeOptions = computed(() => [
       </VDataTable>
     </VCard>
 
+    <!-- Add member dialog -->
+    <AddMemberAsPersonDialog
+      v-model="isAddMemberDialogOpen"
+      :event-id="eventId"
+      :org-id="orgId"
+    />
+
     <!-- Create dialog -->
     <CreatePersonDialog
       v-model="isCreateDialogOpen"