fix: update tooltip position in EmojiBody and adjust overflow handling in DesktopEditor

Author: HMarzban

packages/webapp/components/chatroom/components/MessageCard/components/MessageContent/components/EmojiBody.tsx

@@ -50,10 +50,7 @@ export const EmojiBody = () => {
   return (
     <div className={`flex w-full flex-wrap gap-1`}>
       {emojiArray.map((emoji: string, index: number) => (
-        <div
-          key={index}
-          className="tooltip tooltip-bottom"
-          data-tip={emojiTitles[index] || 'emoji'}>
+        <div key={index} className="tooltip tooltip-right" data-tip={emojiTitles[index] || 'emoji'}>
           {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore

packages/webapp/components/pages/document/components/DesktopEditor.tsx

@@ -74,7 +74,7 @@ const DesktopEditor = () => {
                                   <Chatroom.MessageFeed.MessageList.MessageCard.Header.Timestamp />
                                 </Chatroom.MessageFeed.MessageList.MessageCard.Header>
                                 <div
-                                  className={`!mt-0 flex w-full flex-col text-[15px] font-normal antialiased`}>
+                                  className={`!mt-0 flex w-full flex-col overflow-hidden text-[15px] font-normal antialiased`}>
                                   <Chatroom.MessageFeed.MessageList.MessageCard.Content>
                                     <Chatroom.MessageFeed.MessageList.MessageCard.Content.ReplyReference />
                                     <Chatroom.MessageFeed.MessageList.MessageCard.Content.CommentReference />