feat: better icon for web vitals

Author: izadoesdev

apps/dashboard/app/(main)/billing/cost-breakdown/components/usage-breakdown-table.tsx

@@ -4,10 +4,10 @@ import type { UsageResponse } from '@databuddy/shared';
 import {
 	BugIcon,
 	ChartBarIcon,
+	LightningIcon,
 	LinkIcon,
 	SparkleIcon,
 	TableIcon,
-	ThermometerIcon,
 } from '@phosphor-icons/react';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
@@ -36,7 +36,7 @@ const EVENT_TYPE_CONFIG = {
 	web_vitals: {
 		name: 'Web Vitals',
 		description: 'Core Web Vitals performance metrics',
-		icon: ThermometerIcon,
+		icon: LightningIcon,
 		color: 'green',
 	},
 	custom_event: {

apps/dashboard/app/(main)/billing/cost-breakdown/page.tsx

@@ -63,10 +63,7 @@ export default function CostBreakdownPage() {
 			<div className="border-b bg-gradient-to-r from-background to-muted/20 px-6 py-6">
 				<div className="flex items-center gap-4">
 					<div className="rounded-xl border border-primary/20 bg-primary/10 p-3">
-						<ChartLineUpIcon
-							className="h-6 w-6 text-primary"
-							weight="duotone"
-						/>
+						<ChartLineUpIcon className="h-6 w-6 text-primary" />
 					</div>
 					<div>
 						<div className="flex items-center gap-3">