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/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;
   }