app/InputFrontend.tsx

@@ -14,28 +14,19 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
       setInputValue(e.target.value);
     };
 
-    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
-      if (event.key === 'Enter') {
-        onSendClick(inputValue); // Call the function passed via props
-        setInputValue(''); // Optionally clear input after submission
-        event.preventDefault(); // Prevent default action (e.g., form submission)
-      }
-    };
-
     return (
-      <div className="input" id="inputForm" ref={ref}>
+      <div className="input" id="inputForm">
         <input
           type="text"
           name="user_message"
           placeholder="Type your message here..."
           value={inputValue}
           onChange={handleInputChange}
-          onKeyDown={handleKeyDown}
         />
-        <button type="button" onClick={() => onSendClick(inputValue)}>
+        <button type="submit" onClick={() => onSendClick(inputValue)}>
           <img src="/img/send.svg" alt="send" />
         </button>
-        <button type="button" onClick={onMicClick}>
+        <button type="submit" onClick={onMicClick}>
           <img src="/img/microphone.svg" alt="microphone" />
         </button>
       </div>