[Bug]: Wrong font is used for some emojis

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

Originally created in https://github.com/nextcloud/talk-desktop/issues/416

Currently, font-family is set as

system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

Here there is a combination of normal text fonts and emoji fonts. For some emojis from different part of unicode, for example, u26**, it results in using the wrong font.

For me, it uses Arial instead of Segoe Ui Emoji.

Probably, we should separate emoji fonts and set them not for all the text but for a specific unicode range, aka

@font-face {
  font-family: "EmojiFont";
  src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
  unicode-range: <all emoji ranges>
}

Steps to reproduce

1. Open comments
2. Choose the "smiling face" emoji in a native emoji picker (Don't use : picker, it doesn't have this smile). Alternatively, use the emoji picker in Talk.

   Windows native	Talk <NcEmojiPicker>

3. See empty face
   

Expected behavior

Beautiful emoji from Emoji font.

Nextcloud Server version

master