Use Array.from pattern instead of array constructor.

This pattern is more verbose.

Author: sbansal1999

apps/dashboard/app/(main)/websites/[id]/revenue/_components/recent-transactions.tsx

@@ -42,7 +42,7 @@ export function RecentTransactions({
 	if (isLoading) {
 		return (
 			<div className="space-y-3">
-				{[...new Array(5)].map((_, i) => (
+				{Array.from({ length: 5 }).map((_, i) => (
 					<TransactionSkeleton key={i} />
 				))}
 			</div>

apps/dashboard/app/(main)/websites/[id]/revenue/page.tsx

@@ -89,7 +89,7 @@ const PageHeaderSkeleton = () => (
 
 const RevenueMetricsSkeleton = () => (
 	<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-4 md:grid-cols-3 lg:grid-cols-4">
-		{[...new Array(4)].map((_, i) => (
+		{Array.from({ length: 4 }).map((_, i) => (
 			<div
 				className="overflow-hidden rounded-lg border bg-card"
 				key={`${i + 1}-metrics-skeleton`}