Replace picmo with emoji-mart (#4001)

* Add emoji-mart deps

* Change EmojiPicker to use emoji-mart

* Change ChatTextField to work with the emoji-mart data object

* Remove picmo, commit package-lock

* Fix mutant svgs having a size of 0

* Get the custom emojis to show up earlier in the picker

* Set emoji-mart to exact semver. Later versions break custom category sorting.

web/package.json

@@ -23,6 +23,8 @@
     "@codemirror/lang-javascript": "^6.1.2",
     "@codemirror/lang-markdown": "6.3.1",
     "@codemirror/language-data": "6.5.1",
+    "@emoji-mart/data": "^1.2.1",
+    "@emoji-mart/react": "^1.1.1",
     "@fontsource/inter": "^5.0.0",
     "@fontsource/poppins": "5.1.0",
     "@next/bundle-analyzer": "^14.0.0",
@@ -42,7 +44,6 @@
     "next": "14.2.17",
     "next-pwa": "^5.6.0",
     "next-with-less": "3.0.1",
-    "picmo": "5.8.5",
     "postcss-flexbugs-fixes": "5.0.2",
     "react": "18.3.1",
     "react-chartjs-2": "^5.2.0",
@@ -137,5 +138,10 @@
     "stylelint-config-standard-scss": "^13.0.0",
     "ts-jest": "^29.1.0",
     "typescript": "5.6.3"
+  },
+  "overrides": {
+    "@emoji-mart/react": {
+      "emoji-mart": "~5.2.2"
+    }
   }
 }