WorkspaceLayout in officerdev workspace

src/apps/officer-web/Screens/Dashboard/Projects/ProjectListScreen.tsx

@@ -2,10 +2,9 @@ import { useEffect } from 'react';
 import { useNavigate, useSearchParams } from 'react-router';
 import { useGlobal } from 'hooks/useGlobal';
 import { useWorkspacesState } from 'state/useWorkspacesState';
-import { WorkspaceView } from '@/components/Workspace';
-import type { LayoutNode, ProjectType } from '@/components/Workspace';
-import { generateSlug } from 'helpers/slug';
+import type { LayoutNode, ProjectType } from 'officerdev';
 import {
+  WorkspaceView,
   SELECTED_PROJECT,
   CREATING_PROJECT,
   EDITING_PROJECT,
@@ -16,6 +15,7 @@ import {
   NEW_PROJ_HAS_BACKEND,
   NEW_PROJ_HAS_AUTH,
 } from 'officerdev';
+import { generateSlug } from 'helpers/slug';
 import { defaultLayout } from './defaultLayout';
 
 export const ProjectListScreen = () => {

src/apps/officer-web/Screens/Dashboard/Projects/ProjectScreen.tsx

@@ -1,7 +1,7 @@
 import { useParams, Navigate } from 'react-router';
 import { useWorkspacesState } from 'state/useWorkspacesState';
-import { WorkspaceView, createDefaultLayout } from '@/components/Workspace';
-import type { LayoutNode, ProjectDefinition } from '@/components/Workspace';
+import type { LayoutNode, ProjectDefinition } from 'officerdev';
+import { WorkspaceView, createDefaultLayout } from 'officerdev';
 
 export const ProjectScreen = () => {
   const { id } = useParams<{ id: string }>();

src/apps/officer-web/Screens/Dashboard/Projects/defaultLayout.ts

@@ -1,4 +1,4 @@
-import type { LayoutNode } from '@/components/Workspace';
+import type { LayoutNode } from 'officerdev';
 
 export const defaultLayout: LayoutNode = {
   type: 'group',