extracted terminal to a widget

src/apps/officer-web/Screens/Dashboard/OnboardingAdmin/index.tsx

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react';
 import { useServerSettings } from '@/state/useServerSettings';
-import { DashboardLayout } from '../Layout';
 import { ServerTypeCard } from './ServerTypeCard';
 import { AIHarnessesCard } from './AIHarnessesCard';
 
@@ -46,15 +45,13 @@ export const OnboardingAdmin = () => {
   };
 
   return (
-    <DashboardLayout>
-      <div className="flex items-center justify-center h-full px-4">
-        <div className="w-full max-w-lg">
-          {step === 'server-type' && <ServerTypeCard onNext={nextStep} saveSettings={saveSettings} />}
-          {step === 'ai-harnesses' && (
-            <AIHarnessesCard onNext={nextStep} onBack={prevStep} saveSettings={saveSettings} />
-          )}
-        </div>
+    <div className="flex items-center justify-center h-full px-4">
+      <div className="w-full max-w-lg">
+        {step === 'server-type' && <ServerTypeCard onNext={nextStep} saveSettings={saveSettings} />}
+        {step === 'ai-harnesses' && (
+          <AIHarnessesCard onNext={nextStep} onBack={prevStep} saveSettings={saveSettings} />
+        )}
       </div>
-    </DashboardLayout>
+    </div>
   );
 };