feat(ui): refactor style ui & add Models page with provider settings (#379)

src/pages/Settings/index.tsx

@@ -8,13 +8,12 @@ import {
   Moon,
   Monitor,
   RefreshCw,
-  ChevronDown,
-  ChevronRight,
   Terminal,
   ExternalLink,
-  Key,
   Download,
   Copy,
+  ChevronDown,
+  ChevronRight,
   FileText,
 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
@@ -28,7 +27,6 @@ import { toast } from 'sonner';
 import { useSettingsStore } from '@/stores/settings';
 import { useGatewayStore } from '@/stores/gateway';
 import { useUpdateStore } from '@/stores/update';
-import { ProvidersSettings } from '@/components/settings/ProvidersSettings';
 import { UpdateSettings } from '@/components/settings/UpdateSettings';
 import {
   getGatewayWsDiagnosticEnabled,
@@ -454,20 +452,6 @@ export function Settings() {
         </CardContent>
       </Card>
 
-      {/* AI Providers */}
-      <Card className="order-2">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <Key className="h-5 w-5" />
-            {t('aiProviders.title')}
-          </CardTitle>
-          <CardDescription>{t('aiProviders.description')}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ProvidersSettings />
-        </CardContent>
-      </Card>
-
       {/* Gateway */}
       <Card className="order-1">
         <CardHeader>