This diff is the first part to highlight the already selected emojis to indicate on the emoji keyboard what emojis the user has already selected. This diff handles the case when `selectMultipleEmojis` is equal to `false` and the next diff will handle the case when `selectMultipleEmojis` is equal to `true`
The big obstacle I had to overcome to build this was that the `selectedEmojis ` prop needs to be [[ https://thewidlarzgroup.github.io/rn-emoji-keyboard/docs/api/modal#selectedemojis | an array of emoji names ]] and we only store the actual emoji in our database. To overcome this obstacle I index the `emojiData` by the `emoji` so that we can easily grab the correct emoji name and pass it into the `selectedEmojis` prop.
Here is a link to an example to the docs that helped me with this implementation:
https://thewidlarzgroup.github.io/rn-emoji-keyboard/docs/documentation/Examples/selected_emojis
Linear Task: https://linear.app/comm/issue/ENG-3794/mobile-emoji-keyboard-highlight-emojis-that-a-user-has-already
Depends on D8282