Fix(Reactions): add dynamic order by count

Signed-off-by: DorraJaouad <[email protected]>

Author: DorraJaouad

Diff for: src/components/MessagesList/MessagesGroup/Message/MessagePart/Reactions.vue

@@ -23,7 +23,7 @@
 <template>
 	<!-- reactions buttons and popover with details -->
 	<div class="reactions-wrapper">
-		<NcPopover v-for="reaction in Object.keys(detailedReactions ?? plainReactions)"
+		<NcPopover v-for="reaction in reactionsSorted"
 			:key="reaction"
 			:delay="200"
 			:focus-trap="false"
@@ -136,6 +136,14 @@ export default {
 			return this.$store.getters.message(this.token, this.id).reactionsSelf
 		},
 
+		reactionsSorted() {
+			return this.detailedReactions
+				? Object.keys(this.detailedReactions)
+					.sort((a, b) => this.detailedReactions[b].length - this.detailedReactions[a].length)
+				: Object.keys(this.plainReactions)
+					.sort((a, b) => this.plainReactions[b] - this.plainReactions[a])
+		},
+
 		/**
 		 * Compare the plain reactions with the simplified detailed reactions.
 		 */