fix(ui): улучшить функциональность панели данных и заменить устаревшие компоненты

app/(main)/recursive-routes/page.tsx

@@ -8,6 +8,7 @@ import {
   inferCountry,
 } from "@/components/data-grids/recursive-routes-data-grid"
 import { FormField, SectionTitle } from "@/components/form-kit"
+import { DataPageCard } from "@/components/data-page-card"
 import { Card } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
@@ -654,9 +655,9 @@ export default function RecursiveRoutesPage() {
             Раздел работает в режиме "Живые данные". Переключи источник данных в настройках.
           </Card>
         ) : (
-          <Card className="overflow-hidden py-0 gap-0">
+          <DataPageCard>
             {currentServer && (
-              <div className="flex items-center gap-2.5 px-4 py-3 border-b bg-muted/10">
+              <div className="flex items-center gap-2.5 px-5 py-3 border-b bg-muted/10">
                 <StatusDot status={currentServer.status} pulse={currentServer.status === "online"} />
                 <Flag code={currentServer.country} size={16} />
                 <span className="font-mono text-sm font-semibold">{currentServer.name}</span>
@@ -683,11 +684,11 @@ export default function RecursiveRoutesPage() {
               onDelete={(g) => setRows((prev) => prev.filter((r) => groupKeyOf(r) !== g.key))}
             />
             <button onClick={openCreate}
-              className="w-full flex items-center gap-2 px-4 py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors border-t">
+              className="w-full flex items-center gap-2 px-5 py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors border-t">
               <PlusIcon className="size-3.5" />
               Добавить маршрут
             </button>
-          </Card>
+          </DataPageCard>
         )}
       </div>