Improve accessibility

Author: BrunoQuaresma

chat/src/components/MessageInput.tsx

@@ -208,6 +208,7 @@ export default function MessageInput({
                   className="rounded-full"
                 >
                   <SendIcon />
+                  <span className="sr-only">Send</span>
                 </Button>
               )}
 

chat/src/components/MessageList.tsx

@@ -73,14 +73,18 @@ export default function MessageList({
   const LoadingDots = () => (
     <div className="flex space-x-1">
       <div
+        aria-hidden="true"
         className={`size-1 rounded-full bg-foreground animate-pulse [animation-delay:0ms]`}
       />
       <div
+        aria-hidden="true"
         className={`size-1 rounded-full bg-foreground animate-pulse [animation-delay:300ms]`}
       />
       <div
+        aria-hidden="true"
         className={`size-1 rounded-full bg-foreground animate-pulse [animation-delay:600ms]`}
       />
+      <span className="sr-only">Loading...</span>
     </div>
   );