fix: Makes the current user always appear in the first position of th…

…e userlist (bigbluebutton#22235)

* restore current user always on top of userlist

always display current user on top of userlist

* fix ts error

* only include current user on first page

* fix current user data not updating

* change user injection method

bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-list-participants/page/component.tsx

@@ -102,10 +102,24 @@ const UserListParticipantsPageContainer: React.FC<UserListParticipantsContainerP
   const users = usersData ?? [];
 
   const { data: currentUser, loading: currentUserLoading } = useCurrentUser((c: Partial<User>) => ({
-    isModerator: c.isModerator,
     userId: c.userId,
+    voice: c.voice,
+    isModerator: c.isModerator,
     presenter: c.presenter,
+    guest: c.guest,
+    mobile: c.mobile,
     locked: c.locked,
+    userLockSettings: c.userLockSettings,
+    lastBreakoutRoom: c.lastBreakoutRoom,
+    cameras: c.cameras,
+    pinned: c.pinned,
+    raiseHand: c.raiseHand,
+    away: c.away,
+    reactionEmoji: c.reactionEmoji,
+    avatar: c.avatar,
+    isDialIn: c.isDialIn,
+    name: c.name,
+    color: c.color,
   }));
 
   const {
@@ -142,6 +156,16 @@ const UserListParticipantsPageContainer: React.FC<UserListParticipantsContainerP
     ));
   }
 
+  const currentUserIndex = users.findIndex((u: User) => u.userId === currentUser?.userId);
+
+  if (currentUserIndex !== -1) {
+    users.splice(currentUserIndex, 1);
+  }
+
+  if (offset === 0) {
+    users.unshift(currentUser as User);
+  }
+
   return (
     <UsersListParticipantsPage
       users={users ?? []}