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/lib/hooks/index.ts

@@ -5,4 +5,8 @@
  */
 
 export { useDebounce } from './useDebounce';
-export { useProjectEvents, type UseProjectEventsOptions, type UseProjectEventsResult } from './useProjectEvents';
+export {
+  useProjectEvents,
+  type UseProjectEventsOptions,
+  type UseProjectEventsResult,
+} from './useProjectEvents';

frontend/src/lib/hooks/useProjectEvents.ts

@@ -385,7 +385,16 @@ export function useProjectEvents(
       mountedRef.current = false;
       cleanup();
     };
-  }, [autoConnect, isAuthenticated, accessToken, projectId, connectionState, connect, disconnect, cleanup]);
+  }, [
+    autoConnect,
+    isAuthenticated,
+    accessToken,
+    projectId,
+    connectionState,
+    connect,
+    disconnect,
+    cleanup,
+  ]);
 
   return {
     events,