updates

client/src/components/SkeletonLoader.jsx

@@ -76,6 +76,49 @@ export function SkeletonKanbanBoard() {
   )
 }
 
+export function SkeletonCalendar() {
+  return (
+    <div className="bg-white rounded-xl border border-border overflow-hidden animate-pulse">
+      <div className="flex items-center justify-between px-6 py-4 border-b border-border">
+        <div className="h-6 bg-surface-tertiary rounded w-40"></div>
+        <div className="h-8 bg-surface-tertiary rounded w-20"></div>
+      </div>
+      <div className="grid grid-cols-7 border-b border-border bg-surface-secondary">
+        {[...Array(7)].map((_, i) => (
+          <div key={i} className="text-center py-3">
+            <div className="h-3 bg-surface-tertiary rounded w-8 mx-auto"></div>
+          </div>
+        ))}
+      </div>
+      <div className="grid grid-cols-7">
+        {[...Array(35)].map((_, i) => (
+          <div key={i} className="border-r border-b border-border min-h-[100px] p-2">
+            <div className="h-5 w-5 bg-surface-tertiary rounded-full mb-2"></div>
+            <div className="space-y-1">
+              <div className="h-3 bg-surface-tertiary rounded w-full"></div>
+              {i % 3 === 0 && <div className="h-3 bg-surface-tertiary rounded w-3/4"></div>}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+export function SkeletonAssetGrid({ count = 10 }) {
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-4">
+      {[...Array(count)].map((_, i) => (
+        <div key={i} className="animate-pulse">
+          <div className="aspect-square bg-surface-tertiary rounded-xl"></div>
+          <div className="mt-2 h-3 bg-surface-tertiary rounded w-3/4"></div>
+          <div className="mt-1 h-3 bg-surface-tertiary rounded w-1/2"></div>
+        </div>
+      ))}
+    </div>
+  )
+}
+
 export function SkeletonDashboard() {
   return (
     <div className="space-y-6">