create workspace

src/router/Main.tsx

@@ -79,6 +79,7 @@ import SupportList from "../pages/support/List";
 import PlanUsers from "../pages/support/PlanUsers";
 import UpdateSupport from "../pages/support/Update";
 import Workspace from "../pages/taskmanager/workspace.tsx";
+import CreateWorkspace from "../pages/taskmanager/workspace/Create.tsx";
 import TicketCategory from "../pages/ticket/Category";
 import CreateTicket from "../pages/ticket/CreateTicket";
 import TicketDetail from "../pages/ticket/Detail";
@@ -106,13 +107,7 @@ const MainRouter: FC = () => {
     <div className="p-4 overflow-hidden">
       {!isWorkspace && <SideBar />}
       <Header />
-      <div
-        className={clx(
-          "flex-1 mt-[68px] xl:mt-[81px]",
-          !isWorkspace && "xl:ms-[269px]",
-          !isWorkspace && hasSubMenu && "xl:ms-[305px]",
-        )}
-      >
+      <div className={clx("flex-1 mt-[68px] xl:mt-[81px]", !isWorkspace && "xl:ms-[269px]", !isWorkspace && hasSubMenu && "xl:ms-[305px]")}>
         <div className={clx(`overflow-auto w-[${window.innerWidth}] h-[calc(100vh-113px)] flex flex-col`)}>
           <div className="flex-1 min-h-0">
             <Routes>
@@ -213,6 +208,7 @@ const MainRouter: FC = () => {
               <Route path={Pages.reseller.withdraw} element={<Withdraw />} />
 
               <Route path={Pages.taskmanager.workspace + ":slug"} element={<Workspace />} />
+              <Route path={Pages.taskmanager.createWorkspace} element={<CreateWorkspace />} />
             </Routes>
           </div>
           <div className="h-20 shrink-0 xl:hidden" />