fix: make scroll depth block half-width and enlarge radar chart

app/sites/[id]/page.tsx

@@ -584,15 +584,15 @@ export default function SiteDashboardPage() {
         />
       </div>
 
-      <div className="grid gap-6 lg:grid-cols-2 mb-8">
+      <div className="mb-8">
         <Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} />
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-2 mb-8">
         <GoalStats
           goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))}
           onSelectEvent={setSelectedEvent}
         />
-      </div>
-
-      <div className="mb-8">
         <ScrollDepth goalCounts={dashboard?.goal_counts ?? []} totalPageviews={stats.pageviews} />
       </div>
 

components/dashboard/ScrollDepth.tsx

@@ -38,10 +38,10 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
       {hasData ? (
         <div className="flex-1 min-h-[200px] flex items-center justify-center">
           <RadarChart
-            width={260}
-            height={220}
+            width={340}
+            height={300}
             data={chartData}
-            margin={{ top: 10, right: 20, bottom: 10, left: 20 }}
+            margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
           >
             <PolarGrid stroke="#404040" />
             <PolarAngleAxis