Update loading.tsx

app/dashboard/loading.tsx

@@ -20,9 +20,9 @@ export default function DashboardLoading() {
           {[...Array(4)].map((_, i) => (
             <Card key={i} className="border-border/40 shadow-sm">
               <CardHeader className="pb-2">
-                <CardDescription>
+                <div className="text-sm text-muted-foreground">
                   <Skeleton className="h-4 w-24" />
-                </CardDescription>
+                </div>
                 <div className="flex justify-between items-center">
                   <CardTitle>
                     <Skeleton className="h-7 w-16" />
@@ -48,9 +48,9 @@ export default function DashboardLoading() {
               <CardTitle>
                 <Skeleton className="h-6 w-52" />
               </CardTitle>
-              <CardDescription>
+              <div className="text-sm text-muted-foreground">
                 <Skeleton className="h-4 w-80 mt-1" />
-              </CardDescription>
+              </div>
             </div>
           </CardHeader>