Fix RSVP API calls and compact MemberCard UI design

composables/useEvents.ts

@@ -123,8 +123,13 @@ export const useEvents = () => {
       });
 
       if (response.success) {
-        // Update local event data
-        const eventIndex = events.value.findIndex(e => e.id === eventId);
+        // Update local event data - match by database ID (stored in Id field or as fallback)
+        const eventIndex = events.value.findIndex(e => 
+          (e as any).Id === eventId || e.id === eventId
+        );
+        
+        console.log('[useEvents] Looking for event with database ID:', eventId, 'found at index:', eventIndex);
+        
         if (eventIndex !== -1) {
           events.value[eventIndex].user_rsvp = response.data;