web(ui): migrate network to ui patterns

Co-authored-by: Cursor <[email protected]>

web/src/routes/network/+page.svelte

@@ -55,6 +55,7 @@
 	import RefreshCw from '@lucide/svelte/icons/refresh-cw';
 	import Play from '@lucide/svelte/icons/play';
 	import NetworkIcon from '@lucide/svelte/icons/network';
+	import PageHeader from '$lib/ui/app/page-header/page-header.svelte';
 
 	// --- Peers ---
 	let peers = $state<PeerRow[]>([]);
@@ -226,19 +227,13 @@
 	}
 </script>
 
-<div class="space-y-6">
-	<div class="flex items-start gap-3">
-		<div
-			class="bg-chart-3/15 text-chart-3 flex size-11 shrink-0 items-center justify-center rounded-xl"
-			aria-hidden="true"
-		>
-			<NetworkIcon class="size-6" />
-		</div>
-		<div class="min-w-0">
-			<h1 class="text-2xl font-semibold tracking-tight">Сеть</h1>
-			<p class="text-muted-foreground mt-1 text-sm">BGP-пиры и спикеры (BIRD-агенты).</p>
-		</div>
-	</div>
+<div class="flex flex-col gap-6">
+	<PageHeader
+		title="Сеть"
+		description="BGP-пиры и спикеры (BIRD-агенты)."
+		icon={NetworkIcon}
+		iconClass="bg-chart-3/15 text-chart-3"
+	/>
 
 	<Tabs value="peers">
 		<TabsList>