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/AppHeader.tsx

@@ -49,11 +49,7 @@ export function AppHeader({
         {/* Left side - Logo and Project Switcher */}
         <div className="flex items-center gap-4">
           {/* Logo - visible on mobile, hidden on desktop when sidebar is visible */}
-          <Link
-            href="/"
-            className="flex items-center gap-2 lg:hidden"
-            aria-label="Syndarix home"
-          >
+          <Link href="/" className="flex items-center gap-2 lg:hidden" aria-label="Syndarix home">
             <Image
               src="/logo-icon.svg"
               alt=""