style: add shadow to reply box to match wrapper ui

Author: HMarzban

packages/webapp/components/chat/components/send-message/ReplyMessageIndicator.tsx

@@ -10,7 +10,7 @@ type BtnIcon = React.ComponentProps<'button'> & { $active?: boolean; $size?: num
 
 const IconButton = twx.button<BtnIcon>((props) =>
   cn(
-    'btn btn-square w-8 h-8 btn-xs p-1 mr-2',
+    'btn btn-square w-8 h-8 btn-xs p-1 ',
     props.$active && 'btn-active',
     props.$size && `w-${props.$size} h-${props.$size}`
   )
@@ -40,7 +40,7 @@ export const ReplyMessageIndicator = () => {
   if (replyMessageMemory.channel_id !== channelId) return null
 
   return (
-    <div className="text-base-content flex w-full items-center justify-between px-4 py-2">
+    <div className="text-base-content relative -bottom-1 flex w-full items-center justify-between rounded-t-lg border border-b-0 border-gray-200 px-4 py-2 shadow-[0_-2px_6px_-1px_rgba(0,0,0,0.1)]">
       <FaReply size={24} />
       <div className="text-base-content flex w-full flex-col justify-start pl-3 text-base">
         <span className="text-primary font-semibold antialiased">