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

@@ -11,13 +11,7 @@ import { Link } from '@/lib/i18n/routing';
 import { usePathname } from '@/lib/i18n/routing';
 import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
-import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-} from '@/components/ui/sheet';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
 import {
   FolderKanban,
   Bot,
@@ -113,9 +107,7 @@ function NavLink({ item, collapsed, basePath = '' }: NavLinkProps) {
   const pathname = usePathname();
   const href = basePath ? `${basePath}${item.href}` : item.href;
 
-  const isActive = item.exact
-    ? pathname === href
-    : pathname.startsWith(href);
+  const isActive = item.exact ? pathname === href : pathname.startsWith(href);
 
   const Icon = item.icon;
 
@@ -155,9 +147,7 @@ function SidebarContent({
     <div className="flex h-full flex-col">
       {/* Sidebar Header */}
       <div className="flex h-14 items-center justify-between border-b px-4">
-        {!collapsed && (
-          <span className="text-lg font-semibold text-foreground">Navigation</span>
-        )}
+        {!collapsed && <span className="text-lg font-semibold text-foreground">Navigation</span>}
         <Button
           variant="ghost"
           size="icon"
@@ -308,11 +298,7 @@ export function Sidebar({ projectSlug, className }: SidebarProps) {
         data-testid="sidebar"
         aria-label="Main navigation"
       >
-        <SidebarContent
-          collapsed={collapsed}
-          projectSlug={projectSlug}
-          onToggle={handleToggle}
-        />
+        <SidebarContent collapsed={collapsed} projectSlug={projectSlug} onToggle={handleToggle} />
       </aside>
     </>
   );