fix(config): добавить новые зависимости и обновить конфигурацию компонентов

app/(main)/wireguard/page.tsx

@@ -2,6 +2,7 @@
 
 import { useMemo, useState } from "react"
 import { PageHeader } from "@/components/page-header"
+import { EmptyState } from "@/components/empty-state"
 import { servers } from "@/lib/data"
 import type { WireGuardInterface, WireGuardPeer } from "@/lib/data"
 import { Flag } from "@/components/flag"
@@ -410,11 +411,12 @@ export default function WireGuardPage() {
             </div>
 
             {filtered.length === 0 ? (
-              <div className="flex flex-col items-center justify-center py-16 text-center text-muted-foreground">
-                <ShieldCheckIcon className="size-10 mb-3 opacity-20" />
-                <p className="text-sm font-medium">Нет WireGuard интерфейсов</p>
-                <p className="text-xs mt-1">Добавьте первый интерфейс или проверьте поиск</p>
-              </div>
+              <EmptyState
+                icon={<ShieldCheckIcon className="size-4" />}
+                title="Нет WireGuard интерфейсов"
+                description="Добавьте первый интерфейс или проверьте поиск"
+                className="border-0 py-16"
+              />
             ) : (
               filtered.map((iface) => (
                 <IfaceRow