extracted terminal to a widget

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

@@ -5,8 +5,6 @@ import remarkGfm from 'remark-gfm';
 import rehypeRaw from 'rehype-raw';
 import { useClient } from 'hooks/useClient';
 import { Card } from '@/components/Card';
-import { DashboardLayout } from '../Layout';
-
 export const Plans = () => {
   const client = useClient();
   const [selectedPlan, setSelectedPlan] = useState<string | null>(null);
@@ -29,8 +27,7 @@ export const Plans = () => {
   });
 
   return (
-    <DashboardLayout>
-      <div className="flex flex-col h-full p-4">
+    <div className="flex flex-col h-full p-4">
         <Card className="flex-1 overflow-hidden">
           {/* Header with plan selector */}
           <div className="shrink-0 flex items-center gap-3 px-4 py-2 border-b border-duck-dark/10 bg-white/60">
@@ -59,7 +56,6 @@ export const Plans = () => {
             </div>
           </div>
         </Card>
-      </div>
-    </DashboardLayout>
+    </div>
   );
 };