###58558

<br>

### Steps to reproduce

1. Login as a user with permissions to comment and react to messages

2. Go to any work package with comments

3. Open activity tab

4. Click on the emoji icon so that emoji bar opens and then click on an emoji

5. Click on the emoji icon again so that the emoji bar opens


### What is the buggy behavior?

* The emoji reaction in (4) is missing from the list- and if you add even more reactions, they are removed from the emoji bar


### What is the expected behavior?

1. Emoji bar retains all emojis

2. If the current user has reacted before, opening the bar will show the emoji as highlighted and if they click on a highlighted emoji, Begin of the insertiontheirEnd of the insertion Begin of the deletion theEnd of the deletion reaction is removed Begin of the insertionfrom the reactions count/listEnd of the insertion


### Screenshots and other files

<br>

_Before_

<img Begin of the insertionclass="op-uc-imageEnd of the insertion Begin of the deletion class="image_resized op-uc-imageEnd of the deletion op-uc-image_inline" style="aspect-ratio:1685/423;width:657px;" src="https://private-user-images.githubusercontent.com/17295175/381205928-1639c7db-8e71-4e4f-b81b-744e645e0342.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzAyODYwMDYsIm5iZiI6MTczMDI4NTcwNiwicGF0aCI6Ii8xNzI5NTE3NS8zODEyMDU5MjgtMTYzOWM3ZGItOGU3MS00ZTRmLWI4MWItNzQ0ZTY0NWUwMzQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDMwVDEwNTUwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI1NWY3YzBmZTY4NjAzNzNhMmQxYmJjNDE5NGNkMmRmM2Y1MmI5ZjU2OTZkNTdjOTJkMmI2YjM5YjVhMTk5MzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.kcYfDrLsTfDUnkHcbPKvxuHxmXKAYXa3lUH8bALdGyM" alt="https://private-user-images.githubusercontent.com/17295175/381205928-1639c7db-8e71-4e4f-b81b-744e645e0342.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzAyODYwMDYsIm5iZiI6MTczMDI4NTcwNiwicGF0aCI6Ii8xNzI5NTE3NS8zODEyMDU5MjgtMTYzOWM3ZGItOGU3MS00ZTRmLWI4MWItNzQ0ZTY0NWUwMzQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDMwVDEwNTUwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI1NWY3YzBmZTY4NjAzNzNhMmQxYmJjNDE5NGNkMmRmM2Y1MmI5ZjU2OTZkNTdjOTJkMmI2YjM5YjVhMTk5MzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.kcYfDrLsTfDUnkHcbPKvxuHxmXKAYXa3lUH8bALdGyM" width="1685" height="423">

<br>

_After_

<br>

<img Begin of the insertionclass="op-uc-imageEnd of the insertion Begin of the deletion class="image_resized op-uc-imageEnd of the deletion op-uc-image_inline" style="aspect-ratio:1065/1095;width:846px;" src="https://private-user-images.githubusercontent.com/17295175/381205452-1fedf12b-bbf4-41ea-a8a1-5e111dca2a7c.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzAyODYwMDYsIm5iZiI6MTczMDI4NTcwNiwicGF0aCI6Ii8xNzI5NTE3NS8zODEyMDU0NTItMWZlZGYxMmItYmJmNC00MWVhLWE4YTEtNWUxMTFkY2EyYTdjLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDMwVDEwNTUwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg3MGM4MTgwMzA1NTQ1YzY2ZDI2ZjFlMWIyYzlhZjgxZWM1NzU1OWE4ZmNhMzA0ZTdmYjgzYTRhZDVkOTIxM2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Q_C6Lu4Dox9nlv9jjeO24kjLCQwiMpRyx_SurgcAGS0" alt="https://private-user-images.githubusercontent.com/17295175/381205452-1fedf12b-bbf4-41ea-a8a1-5e111dca2a7c.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzAyODYwMDYsIm5iZiI6MTczMDI4NTcwNiwicGF0aCI6Ii8xNzI5NTE3NS8zODEyMDU0NTItMWZlZGYxMmItYmJmNC00MWVhLWE4YTEtNWUxMTFkY2EyYTdjLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEwMzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMDMwVDEwNTUwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg3MGM4MTgwMzA1NTQ1YzY2ZDI2ZjFlMWIyYzlhZjgxZWM1NzU1OWE4ZmNhMzA0ZTdmYjgzYTRhZDVkOTIxM2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Q_C6Lu4Dox9nlv9jjeO24kjLCQwiMpRyx_SurgcAGS0" width="1065" height="1095">