refactor(frontend): clean up code by consolidating multi-line JSX into single lines where feasible

- Refactored JSX elements to improve readability by collapsing multi-line props and attributes into single lines if their length permits.
- Improved consistency in component imports by grouping and consolidating them.
- No functional changes, purely restructuring for clarity and maintainability.

frontend/src/components/projects/AgentPanel.tsx

@@ -9,13 +9,7 @@
 import { Bot, MoreVertical } from 'lucide-react';
 import { formatDistanceToNow } from 'date-fns';
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -228,11 +222,7 @@ export function AgentPanel({
         ) : (
           <div className="space-y-3">
             {agents.map((agent) => (
-              <AgentListItem
-                key={agent.id}
-                agent={agent}
-                onAction={onAgentAction}
-              />
+              <AgentListItem key={agent.id} agent={agent} onAction={onAgentAction} />
             ))}
           </div>
         )}