base design workspace

src/pages/taskmanager/HeaderWorkspace.tsx

@@ -0,0 +1,23 @@
+import { InfoCircle, Setting2, UserAdd } from "iconsax-react";
+
+const HeaderWorkspace = () => {
+  return (
+    <div className="flex justify-between items-center bg-primary h-[102px] px-8">
+      <div className="flex gap-4 items-center">
+        <div className="text-white text-xl">طراحی Dpage</div>
+        <InfoCircle size={20} color="white" />
+      </div>
+
+      <div className="flex gap-4 items-center">
+        <div className="flex gap-1 items-center px-2 rounded-lg bg-white h-8">
+          <UserAdd size={18} color="black" />
+          <div className="text-black text-xs">اشتراک گذاری</div>
+        </div>
+
+        <Setting2 size={20} color="white" />
+      </div>
+    </div>
+  );
+};
+
+export default HeaderWorkspace;

src/pages/taskmanager/workspace.tsx

@@ -0,0 +1,12 @@
+import { type FC } from "react";
+import HeaderWorkspace from "./HeaderWorkspace";
+
+const Workspace: FC = () => {
+  return (
+    <div className="bg-[#01347A] h-full rounded-[32px] overflow-hidden">
+      <HeaderWorkspace />
+    </div>
+  );
+};
+
+export default Workspace;