feat(frontend/copilot): move microphone button to right side of input box (#12320)

Requested by @olivia-1421

Moves the microphone/recording button from the left-side tools group to
the right side, next to the submit button. The left side is now reserved
for the attachment/upload (plus) button only.

**Before:** `[ 📎 🎤 ] .................. [ ➤ ]`
**After:**  `[ 📎 ] .................. [ 🎤 ➤ ]`

---
Co-authored-by: Olivia <olivia-1421@users.noreply.github.com>

---------

Co-authored-by: Ubbe <hi@ubbe.dev>
Co-authored-by: Lluis Agusti <hi@llu.lu>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

autogpt_platform/frontend/src/app/(platform)/copilot/components/ChatInput/ChatInput.tsx

@@ -151,6 +151,9 @@ export function ChatInput({
               onFilesSelected={handleFilesSelected}
               disabled={isBusy}
             />
+          </PromptInputTools>
+
+          <div className="flex items-center gap-4">
             {showMicButton && (
               <RecordingButton
                 isRecording={isRecording}
@@ -160,13 +163,12 @@ export function ChatInput({
                 onClick={toggleRecording}
               />
             )}
-          </PromptInputTools>
-
-          {isStreaming ? (
-            <PromptInputSubmit status="streaming" onStop={onStop} />
-          ) : (
-            <PromptInputSubmit disabled={!canSend} />
-          )}
+            {isStreaming ? (
+              <PromptInputSubmit status="streaming" onStop={onStop} />
+            ) : (
+              <PromptInputSubmit disabled={!canSend} />
+            )}
+          </div>
         </PromptInputFooter>
       </InputGroup>
     </form>

autogpt_platform/frontend/src/app/(platform)/copilot/components/ChatInput/components/RecordingButton.tsx

@@ -28,10 +28,9 @@ export function RecordingButton({
       disabled={disabled}
       onClick={onClick}
       className={cn(
-        "border-zinc-300 bg-white text-zinc-500 hover:border-zinc-400 hover:bg-zinc-50 hover:text-zinc-700",
+        "border-0 bg-white text-zinc-500 hover:bg-zinc-50 hover:text-zinc-700",
         disabled && "opacity-40",
-        isRecording &&
-          "animate-pulse border-red-500 bg-red-500 text-white hover:border-red-600 hover:bg-red-600",
+        isRecording && "animate-pulse bg-red-500 text-white hover:bg-red-600",
         isTranscribing && "bg-zinc-100 text-zinc-400",
         isStreaming && "opacity-40",
       )}