fix: failing build

tools/tenscan/frontend/src/components/modules/dashboard/analytics-card.tsx

@@ -5,17 +5,13 @@ import {
   CardContent,
 } from "@/src/components/ui/card";
 import { Skeleton } from "@/src/components/ui/skeleton";
+import { DashboardAnalyticsData } from "@/src/types/interfaces";
 import React from "react";
 
 export default function AnalyticsCard({
   item,
 }: {
-  item: {
-    title: string;
-    value: string | number | JSX.Element;
-    change?: string;
-    icon: any;
-  };
+  item: DashboardAnalyticsData;
 }) {
   return (
     <Card>

tools/tenscan/frontend/src/components/modules/dashboard/index.tsx

@@ -28,13 +28,7 @@ import { Badge } from "../../ui/badge";
 import { BlocksIcon } from "lucide-react";
 import { useRollupsService } from "@/src/services/useRollupsService";
 import { RecentRollups } from "./recent-rollups";
-
-interface DashboardData {
-  title: string;
-  value: string | number | JSX.Element;
-  icon: JSX.Element;
-  change?: string;
-}
+import { DashboardAnalyticsData } from "@/src/types/interfaces";
 
 interface RecentData {
   title: string;
@@ -137,7 +131,7 @@ export default function Dashboard() {
         <h2 className="text-3xl font-bold tracking-tight">Tenscan</h2>
       </div>
       <div className="grid gap-4 grid-cols-1 sm:grid-cols-3 md:grid-cols-2 lg:grid-cols-4">
-        {DASHBOARD_DATA.map((item: DashboardData, index) => (
+        {DASHBOARD_DATA.map((item: DashboardAnalyticsData, index: number) => (
           <AnalyticsCard key={index} item={item} />
         ))}
       </div>

tools/tenscan/frontend/src/types/interfaces/index.ts

@@ -87,3 +87,10 @@ export enum BadgeType {
   DEFAULT = "default",
   OUTLINE = "outline",
 }
+
+export interface DashboardAnalyticsData {
+  title: string;
+  value: string | number | JSX.Element;
+  change?: string;
+  icon: any;
+}