Initial commit: HelpDesk ICHN - .NET 10 backend + Next.js 16 frontend

frontend/src/components/StatsCard.tsx

@@ -0,0 +1,22 @@
+interface StatsCardProps {
+  icon: string;
+  value: string | number;
+  label: string;
+  color?: string;
+}
+
+export default function StatsCard({ icon, value, label, color = "#00285d" }: StatsCardProps) {
+  return (
+    <div className="stats-card">
+      <div className="d-flex align-items-center gap-3">
+        <div className="stats-icon" style={{ backgroundColor: `${color}15`, color }}>
+          <i className={`bi ${icon}`}></i>
+        </div>
+        <div>
+          <div className="stats-value">{value}</div>
+          <div className="stats-label">{label}</div>
+        </div>
+      </div>
+    </div>
+  );
+}