hook up emoji picker to composer

lib/widgets/composer/composer.dart

@@ -16,6 +16,7 @@ import "package:nexus/models/relation_type.dart";
 import "package:nexus/widgets/composer/mention_overlay.dart";
 import "package:nexus/widgets/composer/relation_preview.dart";
 import "package:nexus/main.dart";
+import "package:nexus/widgets/emoji_picker.dart";
 
 class const Composer(
   final String roomId, {
@@ -119,9 +120,16 @@ class const Composer(
                         )
                         ? [
                             IconButton(
-                              onPressed: () {
+                              onPressed: () => showModalBottomSheet(
-                                //TODO onSelection: (_) => node?.requestFocus(),
+                                isScrollControlled: true,
+                                context: context,
+                                builder: (context) => EmojiPicker(
+                                  onSelection: (value) {
+                                    controller.value.text += value;
+                                    node?.requestFocus();
                                   },
+                                ),
+                              ),
                               icon: Icon(Icons.emoji_emotions),
                             ),
                             PopupMenuButton(

lib/widgets/room_chat.dart

@@ -238,7 +238,7 @@ final class const RoomChat({
                     icon: Icon(Icons.emoji_emotions),
 
                     onPressed: () {
-                      // TODO: More adaptive
+                      // TODO: More adaptive, e.g. dialog on desktop
                       Navigator.of(context).pop();
                       showModalBottomSheet(
                         isScrollControlled: true,