extracted terminal to a widget

src/apps/officer-web/Screens/Dashboard/Settings/AISettings.tsx

@@ -11,7 +11,6 @@ import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/components/ui/accordion';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Card } from '@/components/Card';
-import { DashboardLayout } from '../Layout';
 import { useSettings } from '@/state/useSettings';
 import { useUserState } from '@/state/useUserState';
 import {
@@ -26,9 +25,8 @@ export const AISettings = () => {
   const [mainTab, setMainTab] = useUserState('ai-settings-tab', 'chat-defaults');
 
   return (
-    <DashboardLayout>
-      <div className="flex justify-center h-full px-4 py-8 overflow-y-auto">
-        <Card className="w-full max-w-2xl h-fit p-6">
+    <div className="flex justify-center h-full px-4 py-8 overflow-y-auto">
+      <Card className="w-full max-w-2xl h-fit p-6">
           <Tabs value={mainTab} onValueChange={setMainTab}>
             <TabsList className="w-full mb-6">
               <TabsTrigger value="chat-defaults" className="flex-1 gap-2 cursor-pointer">
@@ -49,9 +47,8 @@ export const AISettings = () => {
               <ModelVisibilitySection />
             </TabsContent>
           </Tabs>
-        </Card>
-      </div>
-    </DashboardLayout>
+      </Card>
+    </div>
   );
 };