[IMPROVE] Automatically open call info contextual bar when voip room is opened (#26963)

apps/meteor/client/sidebar/footer/voip/VoipFooter.tsx

@@ -90,7 +90,7 @@ export const VoipFooter = ({
 						{title}
 					</Box>
 					{(callerState === 'IN_CALL' || callerState === 'ON_HOLD') && (
-						<ButtonGroup medium className='sidebar--custom-colors'>
+						<ButtonGroup medium className='sidebar--custom-colors' onClick={(e): void => e.stopPropagation()}>
 							<IconButton
 								small
 								disabled={paused}

apps/meteor/client/views/room/providers/ToolboxProvider.tsx

@@ -55,6 +55,9 @@ const ToolboxProvider = ({ children, room }: { children: ReactNode; room: IRoom
 			case 'l':
 				open('room-info', username);
 				break;
+			case 'v':
+				open('voip-room-info', username);
+				break;
 			case 'd':
 				(room.uids?.length ?? 0) > 2 ? open('user-info-group', username) : open('user-info', username);
 				break;

apps/meteor/lib/rooms/roomTypes/voip.ts

@@ -14,7 +14,7 @@ export function getVoipRoomType(coordinator: RoomCoordinator): IRoomTypeConfig {
 				return coordinator.openRoom('v', id);
 			},
 			link({ rid }): Record<string, string> {
-				return { id: rid || '' };
+				return { id: rid || '', tab: 'voip-room-info' };
 			},
 		},