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/projects/ProjectsGrid.tsx

@@ -27,7 +27,10 @@ export interface ProjectsGridProps {
   /** Called when a project card is clicked */
   onProjectClick?: (project: ProjectListItem) => void;
   /** Called when a project action is selected */
-  onProjectAction?: (project: ProjectListItem, action: 'archive' | 'pause' | 'resume' | 'delete') => void;
+  onProjectAction?: (
+    project: ProjectListItem,
+    action: 'archive' | 'pause' | 'resume' | 'delete'
+  ) => void;
   /** Whether filters are currently applied (affects empty state message) */
   hasFilters?: boolean;
   /** Additional CSS classes */
@@ -67,11 +70,7 @@ function EmptyState({ hasFilters }: { hasFilters: boolean }) {
 function LoadingSkeleton({ viewMode }: { viewMode: ViewMode }) {
   return (
     <div
-      className={cn(
-        viewMode === 'grid'
-          ? 'grid gap-4 sm:grid-cols-2 lg:grid-cols-3'
-          : 'space-y-4'
-      )}
+      className={cn(viewMode === 'grid' ? 'grid gap-4 sm:grid-cols-2 lg:grid-cols-3' : 'space-y-4')}
     >
       {[1, 2, 3, 4, 5, 6].map((i) => (
         <ProjectCardSkeleton key={i} />
@@ -100,9 +99,7 @@ export function ProjectsGrid({
   return (
     <div
       className={cn(
-        viewMode === 'grid'
-          ? 'grid gap-4 sm:grid-cols-2 lg:grid-cols-3'
-          : 'space-y-4',
+        viewMode === 'grid' ? 'grid gap-4 sm:grid-cols-2 lg:grid-cols-3' : 'space-y-4',
         className
       )}
     >