Start work on Approval Workflow id page

src/components/ApprovalWorkflows/StartedOn.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { PiCalendarDots } from "react-icons/pi";
+
+interface Props {
+    date: string;
+}
+
+export default function StartedOn({ date }: Props) {
+    return (
+        <div className="flex items-center space-x-3">
+            <div className="flex items-center justify-center w-12 h-12 bg-gray-100 rounded-lg border border-gray-300">
+                <PiCalendarDots className="text-mti-purple-dark size-7"/>
+            </div>
+            <div>
+                <p className="pb-1 text-sm font-medium text-gray-800">Started on</p>
+                <div className="flex items-center">
+                    <p className="text-xs font-medium text-gray-800">{date}</p>
+                </div>
+            </div>
+        </div>
+    );
+};