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/tests/components/projects/ProjectDashboard.test.tsx

@@ -74,7 +74,12 @@ const mockUseProjectEventsDefault = {
   events: [] as ProjectEvent[],
   isConnected: true,
   connectionState: 'connected' as ConnectionState,
-  error: null as { message: string; timestamp: string; code?: string; retryAttempt?: number } | null,
+  error: null as {
+    message: string;
+    timestamp: string;
+    code?: string;
+    retryAttempt?: number;
+  } | null,
   retryCount: 0,
   reconnect: mockReconnect,
   disconnect: mockDisconnect,
@@ -389,11 +394,7 @@ describe('Event to Activity Conversion', () => {
   });
 
   it('handles system actor type', () => {
-    const event = createMockEvent(
-      EventType.SPRINT_STARTED,
-      { sprint_name: 'Sprint 5' },
-      'system'
-    );
+    const event = createMockEvent(EventType.SPRINT_STARTED, { sprint_name: 'Sprint 5' }, 'system');
     mockUseProjectEventsResult.events = [event];
     render(<ProjectDashboard projectId="test" />);
     expect(screen.getByTestId('mock-recent-activity')).toBeInTheDocument();