fix(ui): завершить адаптивность оптимизатора маршрутов

components/data-grids/route-optimizer-wan-matrix-data-grid.tsx

@@ -19,9 +19,9 @@ import {
 import { WifiIcon } from "lucide-react"
 
 function LossChip({ loss }: { loss: number }) {
-  if (loss === 0) return <span className="text-emerald-600 dark:text-emerald-400 text-[11px] font-mono">0%</span>
+  if (loss === 0) return <span className="text-success  text-[11px] font-mono">0%</span>
   return (
-    <span className={cn("text-[11px] font-mono", loss > 1 ? "text-red-500" : "text-amber-500")}>
+    <span className={cn("text-[11px] font-mono", loss > 1 ? "text-destructive" : "text-warning")}>
       {loss}%
     </span>
   )
@@ -50,7 +50,7 @@ function RouteOptimizerWanMatrixDataGrid({
           const wan = row.original
           return (
             <div className="flex items-center gap-2">
-              <WifiIcon className="size-3.5 text-muted-foreground shrink-0" />
+              <WifiIcon aria-hidden="true" className="size-3.5 text-muted-foreground shrink-0" />
               <div>
                 <p className="font-mono text-xs font-semibold">{wan.name}</p>
                 <p className="text-[10px] text-muted-foreground">{wan.iface}</p>
@@ -114,15 +114,15 @@ function RouteOptimizerWanMatrixDataGrid({
         if (!leg) return <span className="text-center text-muted-foreground text-xs block">—</span>
         const isBest = leg.score === bestScore
         return (
-          <div className={cn("text-center", isBest && "bg-emerald-500/5")}>
+          <div className={cn("text-center", isBest && "bg-success/5")}>
             <div
               className={cn(
                 "flex flex-col items-center gap-0.5 rounded-md px-2 py-1.5 transition-colors",
-                isBest ? "border border-emerald-500/20 bg-emerald-500/8" : "border border-transparent",
+                isBest ? "border border-success/20 bg-success/8" : "border border-transparent",
               )}
             >
               {isBest && (
-                <span className="text-[9px] font-bold uppercase tracking-wide text-emerald-600 dark:text-emerald-400 mb-0.5">
+                <span className="text-[9px] font-bold uppercase tracking-wide text-success  mb-0.5">
                   ★ ЛУЧШИЙ
                 </span>
               )}
@@ -130,10 +130,10 @@ function RouteOptimizerWanMatrixDataGrid({
                 className={cn(
                   "font-mono text-xs font-semibold",
                   leg.pingMs < 10
-                    ? "text-emerald-600 dark:text-emerald-400"
+                    ? "text-success "
                     : leg.pingMs < 25
                       ? "text-foreground"
-                      : "text-amber-600 dark:text-amber-400",
+                      : "text-warning ",
                 )}
               >
                 {leg.pingMs} мс