feat(settings): адаптировать integrations под ReUI settings-16

Item-rows с status Badge и Collapsible-формами для App Switcher и VPS Tracker; SettingsShell — spacing/header в духе settings-9.

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

apps/web/src/components/reui-kit/settings-shell.tsx

@@ -5,6 +5,7 @@ import { SettingsIcon } from 'lucide-react'
 import { useIsMobile } from '@cfdm/ui/hooks/use-mobile'
 import { cn } from '@cfdm/ui/lib/utils'
 import { PageShell } from '@/components/page-shell'
+import { Separator } from '@cfdm/ui/components/separator'
 
 export interface SettingsTabConfig {
   id: string
@@ -38,19 +39,20 @@ export function SettingsShell({
 
   return (
     <PageShell>
-      <div className="mx-auto flex w-full max-w-4xl flex-col gap-6">
-        <header className="px-1">
+      <div className="mx-auto flex w-full max-w-4xl flex-col gap-5">
+        <header className="flex flex-col gap-3 px-1">
           <div className="flex flex-col gap-px">
-            <h1 className="text-xl font-semibold tracking-tight">{title}</h1>
+            <h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
             <p className="text-muted-foreground max-w-2xl text-sm leading-relaxed">
               {description}
             </p>
           </div>
+          <Separator />
         </header>
 
         <div
           className={cn(
-            'flex gap-6',
+            'flex gap-5',
             isMobile ? 'flex-col' : 'flex-row items-start',
           )}
         >