fix(messaging): hide overlay on mobile

src/components/common/messaging/Message.tsx

@@ -6,6 +6,7 @@ import { memo } from "preact/compat";
 import { useState } from "preact/hooks";
 
 import { internalEmit } from "../../../lib/eventEmitter";
+import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
 
 import { QueuedMessage } from "../../../mobx/stores/MessageQueue";
 
@@ -175,7 +176,9 @@ const Message = observer(
                         {message.embeds?.map((embed, index) => (
                             <Embed key={index} embed={embed} />
                         ))}
-                        {mouseHovering && !replacement && (
+                        {mouseHovering &&
+                            !replacement &&
+                            !isTouchscreenDevice && (
                                 <MessageOverlayBar
                                     message={message}
                                     queued={queued}