🤖 Add vertical spacing on wrap and push mode toggles right

- Replace justify-between with gap-x-3 gap-y-2 for consistent spacing
- gap-y-2 adds vertical spacing when controls wrap to new lines
- Restore ml-auto on mode toggles to push them to the right
- Model-related controls (selector, thinking, context) group naturally on left

Author: ammar-agent

src/components/ChatInput.tsx

@@ -747,7 +747,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
             Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
           </div>
         )}
-        <div className="flex flex-wrap items-center justify-between">
+        <div className="flex flex-wrap items-center gap-x-3 gap-y-2">
           {/* Model Selector - always visible */}
           <div className="flex items-center" data-component="ModelSelectorGroup">
             <ModelSelector
@@ -789,7 +789,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
           <div className="max-@[500px]:hidden flex items-center" data-component="Context1MGroup">
             <Context1MCheckbox modelString={preferredModel} />
           </div>
-          <div className="max-@[700px]:hidden flex items-center gap-1.5">
+          <div className="max-@[700px]:hidden ml-auto flex items-center gap-1.5">
             <div
               className={cn(
                 "flex gap-0 bg-toggle-bg rounded",