updates

client/src/pages/Tasks.jsx

@@ -10,6 +10,7 @@ import TaskCalendarView from '../components/TaskCalendarView'
 import DatePresetPicker from '../components/DatePresetPicker'
 import EmptyState from '../components/EmptyState'
 import { useToast } from '../components/ToastContainer'
+import { SkeletonKanbanBoard, SkeletonTable } from '../components/SkeletonLoader'
 import { format } from 'date-fns'
 
 const VIEW_MODES = ['board', 'list', 'calendar']
@@ -286,11 +287,9 @@ export default function Tasks() {
 
   if (loading) {
     return (
-      <div className="animate-pulse">
-        <div className="h-12 bg-surface-tertiary rounded-xl mb-4"></div>
-        <div className="grid grid-cols-3 gap-4">
-          {[...Array(3)].map((_, i) => <div key={i} className="h-64 bg-surface-tertiary rounded-xl"></div>)}
-        </div>
+      <div className="space-y-4">
+        <div className="h-12 bg-surface-tertiary rounded-xl animate-pulse"></div>
+        {viewMode === 'list' ? <SkeletonTable rows={8} cols={6} /> : <SkeletonKanbanBoard />}
       </div>
     )
   }