updated image picker

src/components/channels/messages/item.tsx

@@ -3,9 +3,13 @@ import { MuteButton } from '@components/channels/messages/muteButton';
 import { ReplyButton } from '@components/channels/messages/replyButton';
 import { MessageUser } from '@components/chats/messageUser';
 
+import { messageParser } from '@utils/parser';
+
 import { memo } from 'react';
 
 const ChannelMessageItem = ({ data }: { data: any }) => {
+  const content = messageParser(data.content);
+
   return (
     <div className="group relative flex h-min min-h-min w-full select-text flex-col px-5 py-2 hover:bg-black/20">
       <div className="flex flex-col">
@@ -13,7 +17,7 @@ const ChannelMessageItem = ({ data }: { data: any }) => {
         <div className="-mt-[17px] pl-[48px]">
           <div className="flex flex-col gap-2">
             <div className="prose prose-zinc max-w-none break-words text-sm leading-tight dark:prose-invert prose-p:m-0 prose-p:text-sm prose-p:leading-tight prose-a:font-normal prose-a:text-fuchsia-500 prose-a:no-underline prose-img:m-0 prose-video:m-0">
-              {data.content}
+              {content}
             </div>
           </div>
         </div>