fix: resolve Skeleton type error in dashboard view

Author: jotel-dev

frontend/src/components/dashboard/dashboard-view.tsx

@@ -15,7 +15,7 @@ import toast from "react-hot-toast";
  *  - Error state: "Failed to load streams" with a retry button
  */
 
-import { Skeleton } from "@/components/ui/Skeleton";
+
 import {
   getDashboardAnalytics,
   fetchDashboardData,
@@ -108,13 +108,13 @@ const SIDEBAR_ITEMS: SidebarItem[] = [
 /** Shimmer card used as a placeholder while data loads */
 function SkeletonCard({ className = "" }: { className?: string }) {
   return (
-    <Skeleton
-      className={`rounded-2xl relative overflow-hidden ${className}`}
+    <div
+      className={`animate-pulse bg-gray-200 dark:bg-gray-700 rounded-2xl relative overflow-hidden ${className}`}
       aria-hidden="true"
     >
       {/* shimmer sweep */}
       <div className="absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-white/10 to-transparent" />
-    </Skeleton>
+    </div>
   );
 }