feat: restyle statistics tab — stat cards, charts, recent sessions table

src/components/statistics/StatCard.tsx

@@ -6,16 +6,12 @@ interface StatCardProps {
 
 export function StatCard({ title, value, icon }: StatCardProps) {
 	return (
-		<div className="rounded-lg bg-gray-800 p-6">
-			<div className="flex items-center">
-				<div className="flex-shrink-0">
-					<span className="text-3xl">{icon}</span>
-				</div>
-				<div className="ml-4">
-					<div className="text-2xl font-semibold text-white">{value}</div>
-					<div className="text-sm text-gray-400">{title}</div>
-				</div>
+		<div className="rounded-lg border border-gh-border bg-gh-canvas p-4">
+			<div className="mb-1 flex items-center gap-2">
+				<span className="text-base">{icon}</span>
+				<span className="text-xs text-gh-muted">{title}</span>
 			</div>
+			<div className="text-2xl font-bold text-gh-primary">{value}</div>
 		</div>
 	);
 }