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/composables/api/usePersons.ts

@@ -1,6 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
 import type { Ref } from 'vue'
 import { apiClient } from '@/lib/axios'
+import type { AvailableMember } from '@/types/member'
 import type { CreatePersonPayload, Person, UpdatePersonPayload } from '@/types/person'
 
 interface ApiResponse<T> {
@@ -128,3 +129,36 @@ export function useDeletePerson(orgId: Ref<string>, eventId: Ref<string>) {
     },
   })
 }
+
+export function useAvailableMembers(orgId: Ref<string>, eventId: Ref<string>, enabled: Ref<boolean>) {
+  return useQuery({
+    queryKey: ['available-members', orgId, eventId],
+    queryFn: async () => {
+      const { data } = await apiClient.get<{ data: AvailableMember[] }>(
+        `/organisations/${orgId.value}/members/available-for-event/${eventId.value}`,
+      )
+
+      return data.data
+    },
+    enabled: () => !!orgId.value && !!eventId.value && enabled.value,
+  })
+}
+
+export function useCreatePersonFromMember(orgId: Ref<string>, eventId: Ref<string>) {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (payload: { user_id: string; crowd_type_id: string }) => {
+      const { data } = await apiClient.post<ApiResponse<Person>>(
+        `/organisations/${orgId.value}/events/${eventId.value}/persons/from-member`,
+        payload,
+      )
+
+      return data.data
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['persons', eventId.value] })
+      queryClient.invalidateQueries({ queryKey: ['available-members', orgId.value, eventId.value] })
+    },
+  })
+}