🤖 Fix chat controls wrapping on constrained viewports

Added flex-wrap to the chat controls row to prevent overflow on narrow
viewports. Controls (ModelSelector, ThinkingSlider, Context1MCheckbox,
and mode toggles) now wrap to multiple lines when space is constrained
instead of overflowing horizontally.

Changes:
- Added flex-wrap and gap-y-1 to controls container
- Controls maintain proper alignment while allowing responsive wrapping

Author: ammar-agent

src/components/ChatInput.tsx

@@ -746,7 +746,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
             Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
           </div>
         )}
-        <div className="flex items-center">
+        <div className="flex flex-wrap items-center gap-y-1">
           <ChatToggles modelString={preferredModel}>
             <div className="mr-3 flex items-center gap-1.5">
               <ModelSelector