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

@@ -19,12 +19,7 @@ import {
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
 import type { ActivityItem } from './types';
 
@@ -104,9 +99,7 @@ function ActivityItemRow({ activity, onActionClick }: ActivityItemRowProps) {
       </div>
       <div className="min-w-0 flex-1">
         <p className="text-sm">
-          {activity.agent && (
-            <span className="font-medium">{activity.agent}</span>
-          )}{' '}
+          {activity.agent && <span className="font-medium">{activity.agent}</span>}{' '}
           <span className="text-muted-foreground">{activity.message}</span>
         </p>
         <p className="text-xs text-muted-foreground">{timestamp}</p>