fix: fixed the UI for the reply feature

changed the replying to to reply and also fixed the image positioning

Author: abhishek-01k

packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/image/ImageCard.tsx

@@ -55,11 +55,17 @@ export const ImageCard = ({
     <Section
       maxWidth={previewMode ? 'auto' : '512px'}
       width="fill-available"
-      justifyContent="flex-start"
+      justifyContent="space-between"
       background={previewMode ? 'transparent' : background}
       color={color}
       gap="0px"
     >
+      {previewMode && (
+        <Section margin="8px" alignSelf='center'>
+          <Tag type="Image" />
+        </Section>
+      )}
+
       <Section
         background="white"
         borderRadius="12px"
@@ -75,11 +81,7 @@ export const ImageCard = ({
         />
       </Section>
 
-      {previewMode && (
-        <Section margin="8px 0px 0px 0px">
-          <Tag type="Image" />
-        </Section>
-      )}
+
     </Section>
   );
 };

packages/uiweb/src/lib/components/chat/ChatViewBubbleCore/cards/reply/ReplyCard.tsx

@@ -157,7 +157,6 @@ export const ReplyCard = ({
             fontSize="10px"
             color={theme.textColor?.chatSentBubbleText}
           >
-            {`Replied to `}
             <Span
               fontWeight="500"
               padding="0px"

packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx

@@ -592,7 +592,7 @@ export const MessageInput: React.FC<MessageInputProps> = ({
                     fontSize="10px"
                     color={theme.iconColor?.emoji}
                   >
-                    {`Replying to `}
+                    {`Reply to `}
                     <Span
                       fontWeight="500"
                       padding="0px"
@@ -751,7 +751,7 @@ export const MessageInput: React.FC<MessageInputProps> = ({
   );
 };
 
-const TypebarSection = styled(Section)<{ border?: string }>`
+const TypebarSection = styled(Section) <{ border?: string }>`
   // gap: 10px;
   border: ${(props) => props.border || 'none'};
   @media ${device.mobileL} {