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

@@ -81,9 +81,7 @@ export function AutonomyBadge({ level, showDescription = false, className }: Aut
     <Badge variant="secondary" className={cn('gap-1', className)} title={config.description}>
       <CircleDot className="h-3 w-3" aria-hidden="true" />
       {config.label}
-      {showDescription && (
-        <span className="text-muted-foreground"> - {config.description}</span>
-      )}
+      {showDescription && <span className="text-muted-foreground"> - {config.description}</span>}
     </Badge>
   );
 }