Update various improvements and minor changes

src/components/ui/collapsible-card-header.tsx

@@ -34,7 +34,7 @@ const CollapsibleCardHeader: React.FC<CollapsibleCardHeaderProps> = ({
 
   return (
     <CardHeader className={cn('pb-3', className)}>
-      <div className="flex items-center justify-between gap-3">
+      <div className="flex items-start justify-between gap-3">
         <div className="flex items-center gap-2 flex-wrap flex-1">
           <button
             type="button"
@@ -48,7 +48,7 @@ const CollapsibleCardHeader: React.FC<CollapsibleCardHeaderProps> = ({
             </CardTitle>
             {isCollapsed ? <ChevronDown className="h-5 w-5 flex-shrink-0" /> : <ChevronUp className="h-5 w-5 flex-shrink-0" />}
           </button>
-          {children}
+          {children && <div className="flex items-center gap-2 flex-nowrap">{children}</div>}
         </div>
         {rightSection && <div className="flex items-center gap-2">{rightSection}</div>}
       </div>