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/AgentStatusIndicator.tsx

@@ -60,16 +60,10 @@ export function AgentStatusIndicator({
       aria-label={`Status: ${config.label}`}
     >
       <span
-        className={cn(
-          'inline-block rounded-full',
-          sizeClasses[size],
-          config.color
-        )}
+        className={cn('inline-block rounded-full', sizeClasses[size], config.color)}
         aria-hidden="true"
       />
-      {showLabel && (
-        <span className="text-xs text-muted-foreground">{config.label}</span>
-      )}
+      {showLabel && <span className="text-xs text-muted-foreground">{config.label}</span>}
     </span>
   );
 }