CV Caching, new dashboard

src/components/ui/breadcrumb-skeleton.tsx

@@ -0,0 +1,24 @@
+import { Skeleton } from "~/components/ui/skeleton";
+
+export function BreadcrumbSkeleton() {
+  return (
+    <div className="mb-6">
+      <div className="flex items-center space-x-2 text-sm">
+        {/* Home breadcrumb skeleton */}
+        <div className="flex items-center space-x-1">
+          <Skeleton className="h-3.5 w-3.5" />
+          <Skeleton className="h-4 w-12" />
+        </div>
+
+        {/* Separator */}
+        <Skeleton className="h-4 w-4" />
+
+        {/* Current page skeleton */}
+        <div className="flex items-center space-x-1">
+          <Skeleton className="h-3.5 w-3.5" />
+          <Skeleton className="h-4 w-20" />
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/ui/skeleton.tsx

@@ -1,15 +1,12 @@
-import { cn } from "~/lib/utils"
+import { cn } from "~/lib/utils";
 
 function Skeleton({
   className,
   ...props
 }: React.HTMLAttributes<HTMLDivElement>) {
   return (
-    <div
-      className={cn("animate-pulse rounded-md bg-primary/10", className)}
-      {...props}
-    />
-  )
+    <div className={cn("bg-primary/10 animate-pulse", className)} {...props} />
+  );
 }
 
-export { Skeleton }
+export { Skeleton };