fix(ui): исправить контраст метки IPsec в таблице GRE

components/data-grids/gre-tunnels-data-grid.tsx

@@ -20,6 +20,7 @@ import type {
 import { Flag } from "@/components/flag"
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
+import { Badge } from "@/components/reui/badge"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -86,13 +87,13 @@ function TunnelStatus({ status }: { status: GreStatus }) {
 
 function IpsecBadge({ secured }: { secured: boolean }) {
   return secured ? (
-    <span className="inline-flex items-center gap-1 text-xs font-medium border rounded px-2 py-0.5 bg-emerald-500/10 text-emerald-400 border-emerald-500/20">
+    <Badge variant="invert-light" size="sm">
       <LockIcon className="size-3" /> IPsec
-    </span>
+    </Badge>
   ) : (
-    <span className="inline-flex items-center gap-1 text-xs font-medium border rounded px-2 py-0.5 bg-muted text-muted-foreground border-border">
+    <Badge variant="invert-light" size="sm">
       <LockOpenIcon className="size-3" /> Открытый
-    </span>
+    </Badge>
   )
 }