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/lib/stores/eventStore.test.ts

@@ -189,10 +189,9 @@ describe('Event Store', () => {
 
       useEventStore.getState().addEvents([agentEvent, issueEvent, sprintEvent]);
 
-      const filtered = useEventStore.getState().getFilteredEvents('project-123', [
-        EventType.AGENT_MESSAGE,
-        EventType.ISSUE_CREATED,
-      ]);
+      const filtered = useEventStore
+        .getState()
+        .getFilteredEvents('project-123', [EventType.AGENT_MESSAGE, EventType.ISSUE_CREATED]);
 
       expect(filtered).toHaveLength(2);
       expect(filtered.map((e) => e.type)).toContain(EventType.AGENT_MESSAGE);
@@ -210,9 +209,9 @@ describe('Event Store', () => {
     });
 
     it('should return empty array for non-existent project', () => {
-      const filtered = useEventStore.getState().getFilteredEvents('non-existent', [
-        EventType.AGENT_MESSAGE,
-      ]);
+      const filtered = useEventStore
+        .getState()
+        .getFilteredEvents('non-existent', [EventType.AGENT_MESSAGE]);
       expect(filtered).toEqual([]);
     });
   });