test: improve coverage for Tasks component

Author: Your Name

frontend/src/components/HomeComponents/Tasks/__tests__/Tasks.test.tsx

@@ -173,6 +173,14 @@ jest.mock('../Pagination', () => {
   ));
 });
 
+// Mock TaskSkeleton component
+jest.mock('../TaskSkeleton', () => {
+  return {
+    __esModule: true,
+    Taskskeleton: () => <div data-testid="task-skeleton" />,
+  };
+});
+
 global.fetch = jest.fn().mockResolvedValue({ ok: true });
 
 describe('Tasks Component', () => {
@@ -217,6 +225,13 @@ describe('Tasks Component', () => {
       expect(dropdown).toBeInTheDocument();
       expect(dropdown).toHaveValue('10');
     });
+
+    test('does not render tasks when loading is true', () => {
+      render(<Tasks {...mockProps} isLoading={true} />);
+
+      // No task rows should be rendered while loading
+      expect(screen.queryByRole('row')).not.toBeInTheDocument();
+    });
   });
 
   describe('LocalStorage', () => {