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/events/ConnectionStatus.tsx

@@ -153,7 +153,8 @@ export function ConnectionStatus({
       className={cn(
         'flex flex-col gap-3 rounded-lg border p-4',
         state === 'error' && 'border-destructive bg-destructive/5',
-        state === 'connected' && 'border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950',
+        state === 'connected' &&
+          'border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950',
         className
       )}
       role="status"
@@ -199,11 +200,7 @@ export function ConnectionStatus({
       {showErrorDetails && error && (
         <div className="rounded-md bg-destructive/10 p-3 text-sm">
           <p className="font-medium text-destructive">Error: {error.message}</p>
-          {error.code && (
-            <p className="mt-1 text-muted-foreground">
-              Code: {error.code}
-            </p>
-          )}
+          {error.code && <p className="mt-1 text-muted-foreground">Code: {error.code}</p>}
           <p className="mt-1 text-xs text-muted-foreground">
             {new Date(error.timestamp).toLocaleTimeString()}
           </p>

frontend/src/components/events/EventList.tsx

@@ -250,17 +250,11 @@ function getEventSummary(event: ProjectEvent): string {
         ? `Assigned to ${payload.assignee_name}`
         : 'Issue assignment changed';
     case EventType.ISSUE_CLOSED:
-      return payload.resolution
-        ? `Closed: ${payload.resolution}`
-        : 'Issue closed';
+      return payload.resolution ? `Closed: ${payload.resolution}` : 'Issue closed';
     case EventType.SPRINT_STARTED:
-      return payload.sprint_name
-        ? `Sprint "${payload.sprint_name}" started`
-        : 'Sprint started';
+      return payload.sprint_name ? `Sprint "${payload.sprint_name}" started` : 'Sprint started';
     case EventType.SPRINT_COMPLETED:
-      return payload.sprint_name
-        ? `Sprint "${payload.sprint_name}" completed`
-        : 'Sprint completed';
+      return payload.sprint_name ? `Sprint "${payload.sprint_name}" completed` : 'Sprint completed';
     case EventType.APPROVAL_REQUESTED:
       return String(payload.description || 'Approval requested');
     case EventType.APPROVAL_GRANTED:
@@ -278,9 +272,7 @@ function getEventSummary(event: ProjectEvent): string {
         ? `Completed in ${payload.duration_seconds}s`
         : 'Workflow completed';
     case EventType.WORKFLOW_FAILED:
-      return payload.error_message
-        ? String(payload.error_message)
-        : 'Workflow failed';
+      return payload.error_message ? String(payload.error_message) : 'Workflow failed';
     default:
       return event.type;
   }