Fix text overlapping in chat text area (#3102)

Added padding to the right of the chat text area. 

Fixes #3097 

<img width="933" alt="image"
src="https://user-images.githubusercontent.com/57575219/236965394-df55e4b6-be65-4aa2-8f5e-cbd71edf386a.png">

---------

Co-authored-by: notmd <notmd1811@gmail.com>

website/src/components/Chat/ChatForm.tsx

@@ -51,6 +51,7 @@ export const ChatForm = forwardRef<HTMLTextAreaElement, ChatFormProps>((props, f
           ref={ref}
           bg="gray.200"
           borderRadius="md"
+          pe={{ base: "76px", xl: "48px" }}
           rows={1}
           maxRows={10}
           py={{ base: 2, md: 3 }}