fix: better spacing around model options and summarize

ui/desktop/src/components/ChatInput.tsx

@@ -978,7 +978,7 @@ export default function ChatInput({
               </>
             )}
             <ModelsBottomBar dropdownRef={dropdownRef} setView={setView} alerts={alerts} />
-            <div className="w-px h-4 bg-border-default mx-2"></div>
+            <div className="w-px h-4 bg-border-default mx-2" />
             <BottomMenuModeSelection setView={setView} />
             {messages.length > 0 && (
               <ManualSummarizeButton

ui/desktop/src/components/context_management/ManualSummaryButton.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { ScrollText } from 'lucide-react';
+import { cn } from '../../utils';
 import {
   Dialog,
   DialogContent,
@@ -47,11 +48,13 @@ export const ManualSummarizeButton: React.FC<ManualSummarizeButtonProps> = ({
 
   return (
     <>
+      <div className="w-px h-4 bg-border-default mx-2" />
       <div className="relative flex items-center">
         <button
-          className={`flex items-center justify-center text-text-default/70 hover:text-text-default text-xs ${
-            isLoadingSummary || isLoading ? 'cursor-not-allowed' : ''
-          }`}
+          className={cn(
+            'flex items-center justify-center text-text-default/70 hover:text-text-default text-xs cursor-pointer',
+            (isLoadingSummary || isLoading) && 'cursor-not-allowed'
+          )}
           onClick={handleClick}
           disabled={isLoadingSummary || isLoading}
           title="Summarize conversation context"