add new columg design

src/pages/taskmanager/components/AddNewColumn.tsx

@@ -0,0 +1,13 @@
+import { AddCircle } from "iconsax-react";
+import { type FC } from "react";
+
+const AddNewColumn: FC = () => {
+  return (
+    <button type="button" className="bg-[#F0F3F7BF] bg-opacity-75 rounded-full px-6 py-4 flex items-center gap-2 shrink-0 self-start cursor-pointer">
+      <AddCircle size={16} color="black" />
+      <span className="text-xs text-black">اضافه کردن ستون جدید</span>
+    </button>
+  );
+};
+
+export default AddNewColumn;

src/pages/taskmanager/workspace.tsx

@@ -1,4 +1,5 @@
 import { type FC } from "react";
+import AddNewColumn from "./components/AddNewColumn";
 import Column from "./components/Column";
 import HeaderWorkspace from "./components/HeaderWorkspace";
 import Task from "./components/Task";
@@ -17,6 +18,13 @@ const Workspace: FC = () => {
         </Column>
 
         <Column title="درحال انجام" />
+        <Column title="انجام شده">
+          <div className="flex flex-col gap-4">
+            <Task />
+          </div>
+        </Column>
+
+        <AddNewColumn />
       </div>
     </div>
   );