chore: display first 3 organizers photo in round robin event (#16331)

* chore: display random organizer photo in round robin event

* fix: avatar on instant booking

---------

Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com>

packages/features/bookings/Booker/components/InstantBooking.tsx

@@ -25,7 +25,9 @@ export const InstantBooking = ({ onConnectNow, event }: IInstantBookingProps) =>
               slug: event.entity.orgSlug,
               name: event.entity.name || "",
             }}
-            users={event.schedulingType !== SchedulingType.ROUND_ROBIN ? event.users : []}
+            users={
+              event.schedulingType !== SchedulingType.ROUND_ROBIN ? event.users : event.users.slice(0, 3)
+            }
           />
           <div className="border-muted absolute -bottom-0.5 -right-1 h-2 w-2 rounded-full border bg-green-500" />
         </div>

packages/features/bookings/components/event-meta/Members.tsx

@@ -22,6 +22,7 @@ export const EventMembers = ({ schedulingType, users, profile, entity }: EventMe
   const username = useBookerStore((state) => state.username);
   const isDynamic = !!(username && username.indexOf("+") > -1);
   const isEmbed = useIsEmbed();
+
   const showMembers = schedulingType !== SchedulingType.ROUND_ROBIN;
   const shownUsers = showMembers ? users : [];
   // In some cases we don't show the user's names, but only show the profile name.