use m3e iconbuttons

lib/helpers/extensions/build_event_options.dart

@@ -95,6 +95,7 @@ extension BuildEventOptions on Event {
           child: IconTheme(
             data: theme.iconTheme,
             child: Row(
+              mainAxisAlignment: .center,
               children: [
                 for (final emoji in {
                   ...ref
@@ -104,7 +105,7 @@ extension BuildEventOptions on Event {
                   "🤣",
                   "😭",
                   "🤔",
-                }.take(4))
+                }.take(3))
                   IconButton(
                     icon: Text(emoji),
                     onPressed: () async {

lib/helpers/extensions/scheme_to_theme.dart

@@ -28,6 +28,7 @@ extension SchemeToTheme on ColorScheme {
           borderRadius: .circular(8),
         ),
       ),
+      iconButtonTheme: .new(variant: StyleVariant.material3Expressive),
       textTheme: textTheme,
       inputDecorationTheme: const InputDecorationTheme(
         border: OutlineInputBorder(),

lib/widgets/composer/composer.dart

@@ -117,7 +117,6 @@ class const Composer(
                   color: theme.colorScheme.surfaceContainerHighest,
                   padding: .symmetric(horizontal: 8),
                   child: Row(
-                    spacing: 8,
                     mainAxisAlignment: .center,
                     children:
                         ref.watch(
@@ -127,6 +126,7 @@ class const Composer(
                         )
                         ? [
                             IconButton(
+                              style: .new(iconButtonWidth: .narrow),
                               onPressed: () => showModalBottomSheet(
                                 isScrollControlled: true,
                                 context: context,
@@ -141,6 +141,7 @@ class const Composer(
                               icon: Icon(Icons.emoji_emotions),
                             ),
                             PopupMenuButton(
+                              style: .new(iconButtonWidth: .narrow),
                               tooltip: "Add media",
                               enabled: attachment == null,
                               itemBuilder: (context) => [
@@ -199,6 +200,7 @@ class const Composer(
                               ],
                               icon: Icon(Icons.add),
                             ),
+                            SizedBox(width: 8),
                             Expanded(
                               child: FlutterTagger(
                                 triggerStrategy: .eager,

lib/widgets/sidebar.dart

@@ -158,7 +158,6 @@ class const Sidebar({super.key}) extends HookConsumerWidget {
                     trailing: Padding(
                       padding: .symmetric(vertical: 16),
                       child: Column(
-                        spacing: 8,
                         children: [
                           PopupMenuButton(
                             itemBuilder: (_) => [