Recently used emojis change places every time you click in this group

[LexandriO]

Describe the bug
Hi! I noticed a bug when, when clicking on recently used emojis, they begin to change among themselves, although they should remain in their places, this creates inconvenience for users

To Reproduce
Steps to reproduce the behavior:

1. Go to Live Preview of the vue3-emoji-picker
2. Click on App.vue file
3. The third line of the code has prop :display-recent which means, that we would display recently used emojis in emoji-picker.
   Now when we clicked on emoji in recently used group you'll see, that emojis start insert at the beginning.

Expected behavior
Recently used group should have static emoji positions when we click by the emoji.

Screenshots

Codesandbox
Link to codesandbox

Necessary information (please complete the following information):

• Vue version: ^3.4.21
• Vite/Vue-CLI version:
• Node version: v21.7.3
• EmojiPicker version: ^1.1.8

[aatrooox]

The emoji you're currently clicking on is the most recent, so it comes first.

it's always sort one by one , not recently "group"