fix: MessageToolbar: Fix vertical alignment of 'more' menu button

Author: cal0pteryx

apps/fluux/src/components/__snapshots__/ChatView.test.tsx.snap

@@ -178,7 +178,7 @@ exports[`ChatView > Snapshots > should match snapshot with messages 1`] = `
                           </button>
                         </div>
                         <div
-                          class="relative"
+                          class="inline-flex relative"
                         >
                           <div
                             class="inline-flex"
@@ -332,7 +332,7 @@ exports[`ChatView > Snapshots > should match snapshot with messages 1`] = `
                           </button>
                         </div>
                         <div
-                          class="relative"
+                          class="inline-flex relative"
                         >
                           <div
                             class="inline-flex"

apps/fluux/src/components/conversation/MessageToolbar.tsx

@@ -236,7 +236,7 @@ export const MessageToolbar = memo(function MessageToolbar({
       </Tooltip>
 
       {/* More options button with dropdown */}
-      <div className="relative" ref={moreMenuRef}>
+      <div className="inline-flex relative" ref={moreMenuRef}>
         <Tooltip content={t('chat.moreOptions')} position="top" disabled={showReactionPicker || showMoreMenu}>
           <button
             ref={moreButtonRef}