add-dashboard-card

name	add-dashboard-card
description	Add a new metric card to the dashboard with proper styling and components

When adding a new dashboard metric card to this Next.js 15 dashboard application:

1. Choose the appropriate card component based on the metric type:

   • Use DashboardCard for basic metrics with custom content
   • Use DashboardStatCard for statistics with trend indicators (percentage changes)
   • Use DashboardChartCard for metrics that include embedded charts

2. Import the required components:

   import { DashboardCard, DashboardStatCard } from "@/components/DashboardCards";
   import { IconName } from "lucide-react"; // For stat cards
   

3. Add the card data to the appropriate data array:

   • For stat cards in DashboardCharts.tsx, add to the stats array:

     {
       title: "Metric Name",
       value: "Value with units",
       change: "+X.X%",
       changeType: "positive" | ,
       : ,
     }