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/layout/ProjectSwitcher.tsx

@@ -98,9 +98,7 @@ export function ProjectSwitcher({
           className={cn('gap-2 min-w-[160px] justify-between', className)}
           data-testid="project-switcher-trigger"
           aria-label={
-            currentProject
-              ? `Switch project, current: ${currentProject.name}`
-              : 'Select project'
+            currentProject ? `Switch project, current: ${currentProject.name}` : 'Select project'
           }
         >
           <div className="flex items-center gap-2">
@@ -112,11 +110,7 @@ export function ProjectSwitcher({
           <ChevronDown className="h-4 w-4 opacity-50" aria-hidden="true" />
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent
-        align="start"
-        className="w-[200px]"
-        data-testid="project-switcher-menu"
-      >
+      <DropdownMenuContent align="start" className="w-[200px]" data-testid="project-switcher-menu">
         <DropdownMenuLabel>Projects</DropdownMenuLabel>
         <DropdownMenuSeparator />
         {projects.map((project) => (