- Refactor of workflow and steps types to differentiate between editView and normalView.

- Added side panel with steps details

src/components/ApprovalWorkflows/WorkflowStepNumber.tsx

@@ -2,7 +2,9 @@ import { WorkflowStep } from "@/interfaces/approval.workflow";
 import clsx from "clsx";
 import { IoCheckmarkDoneSharp, IoCheckmarkSharp } from "react-icons/io5";
 
-export default function WorkflowStepNumber({ stepNumber, selected = false, completed, finalStep }: WorkflowStep) {
+type Props = Pick<WorkflowStep, 'stepNumber' | 'completed' | 'finalStep' | 'selected'>
+
+export default function WorkflowStepNumber({ stepNumber, selected = false, completed, finalStep }: Props) {
     return (
         <div
             className={clsx(