chore(frontend): improve code formatting for readability

Standardize multiline formatting across components, tests, and API hooks for better consistency and clarity:
- Adjusted function and object property indentation.
- Updated tests and components to align with clean coding practices.

frontend/src/components/dashboard/DashboardQuickStats.tsx

@@ -25,7 +25,11 @@ export interface DashboardQuickStatsProps {
   className?: string;
 }
 
-export function DashboardQuickStats({ stats, isLoading = false, className }: DashboardQuickStatsProps) {
+export function DashboardQuickStats({
+  stats,
+  isLoading = false,
+  className,
+}: DashboardQuickStatsProps) {
   return (
     <div className={className}>
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">

frontend/src/components/dashboard/EmptyState.tsx

@@ -31,8 +31,8 @@ export function EmptyState({ userName = 'there', className }: EmptyStateProps) {
 
         <h2 className="text-2xl font-bold">Welcome to Syndarix, {userName}!</h2>
         <p className="mx-auto mt-2 max-w-md text-muted-foreground">
-          Get started by creating your first project. Our AI agents will help you
-          turn your ideas into reality.
+          Get started by creating your first project. Our AI agents will help you turn your ideas
+          into reality.
         </p>
 
         <Button size="lg" asChild className="mt-6">

frontend/src/components/dashboard/PendingApprovals.tsx

@@ -66,7 +66,10 @@ const typeConfig: Record<
   },
 };
 
-const priorityConfig: Record<PendingApproval['priority'], { label: string; variant: 'default' | 'secondary' | 'destructive' | 'outline' }> = {
+const priorityConfig: Record<
+  PendingApproval['priority'],
+  { label: string; variant: 'default' | 'secondary' | 'destructive' | 'outline' }
+> = {
   low: { label: 'Low', variant: 'outline' },
   medium: { label: 'Medium', variant: 'secondary' },
   high: { label: 'High', variant: 'default' },
@@ -105,7 +108,12 @@ function ApprovalItem({ approval, onApprove, onReject }: ApprovalItemProps) {
 
   return (
     <div className="flex flex-col gap-4 rounded-lg border p-4 sm:flex-row sm:items-start">
-      <div className={cn('flex h-10 w-10 items-center justify-center rounded-full bg-muted', config.color)}>
+      <div
+        className={cn(
+          'flex h-10 w-10 items-center justify-center rounded-full bg-muted',
+          config.color
+        )}
+      >
         <Icon className="h-5 w-5" />
       </div>
 

frontend/src/components/dashboard/RecentProjects.tsx

@@ -118,10 +118,7 @@ export function RecentProjects({ projects, isLoading = false, className }: Recen
       {isLoading ? (
         <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
           {[1, 2, 3, 4, 5, 6].map((i) => (
-            <div
-              key={i}
-              className={cn(i > 3 && 'hidden lg:block')}
-            >
+            <div key={i} className={cn(i > 3 && 'hidden lg:block')}>
               <ProjectCardSkeleton />
             </div>
           ))}
@@ -138,10 +135,7 @@ export function RecentProjects({ projects, isLoading = false, className }: Recen
       ) : (
         <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
           {displayProjects.map((project, index) => (
-            <div
-              key={project.id}
-              className={cn(index >= 3 && 'hidden lg:block')}
-            >
+            <div key={project.id} className={cn(index >= 3 && 'hidden lg:block')}>
               <ProjectCard project={project} />
             </div>
           ))}